Skip to content

Commit f662bd6

Browse files
akula-koteswaruduakula-koteswarudu
authored
feat: add radix components (#36)
* feat: update antd select to radix select (#28) * updated antd select to radix select * changed switch from antd to radix * changed switch in formBuilder * added story for switch and fixed props for select in FormBuilder Co-authored-by: Koteswarudu Akula <koteswaruduakula@koteswarudu-a.optilink> * feat: updated antd radio to radix (#30) * updated antd select to radix select * changed switch from antd to radix * changed switch in formBuilder * added story for switch and fixed props for select in FormBuilder * Changed antd radio to radix * chore: changed storybook for Radio * fix: updated yarn lock to fix rollup plugin version issue * feat: replaced antd slider with radix slider * feat: removed antd from image * feat: removed antd tag and created a new tag component * feat: added a simple preview option to Image Co-authored-by: Koteswarudu Akula <koteswaruduakula@koteswarudu-a.optilink> * feat : combobox for multiselect and search features (#32) * updated antd select to radix select * changed switch from antd to radix * changed switch in formBuilder * added story for switch and fixed props for select in FormBuilder * Changed antd radio to radix * chore: changed storybook for Radio * fix: updated yarn lock to fix rollup plugin version issue * feat: replaced antd slider with radix slider * feat: removed antd from image * feat: removed antd tag and created a new tag component * feat: added a simple preview option to Image * feat: created a new component combobox combobox provides multi select and search features BREAKING CHANGE: select doesn't provide multi select or search feature. if we need them, we need to use combobox. combobox for multiselect and search feature #31 * style: minor styling changes Co-authored-by: Koteswarudu Akula <koteswaruduakula@koteswarudu-a.optilink> * fix: lint issues * chore(release): publish v0.7.1-alpha.0 * ci: add npm whoami to debug * chore(release): publish v0.7.1-alpha.1 * ci: fix lerna publish * chore(release): publish v0.7.1-alpha.2 * ci: update npm registry * chore(release): publish v0.7.1-alpha.3 * feat : added features to combobox , select , radio, tag , switch and slider (#33) * updated antd select to radix select * changed switch from antd to radix * changed switch in formBuilder * added story for switch and fixed props for select in FormBuilder * Changed antd radio to radix * chore: changed storybook for Radio * fix: updated yarn lock to fix rollup plugin version issue * feat: replaced antd slider with radix slider * feat: removed antd from image * feat: removed antd tag and created a new tag component * feat: added a simple preview option to Image * feat: created a new component combobox combobox provides multi select and search features BREAKING CHANGE: select doesn't provide multi select or search feature. if we need them, we need to use combobox. combobox for multiselect and search feature #31 * style: minor styling changes * feat: added radio button feature to radio and changed combobox to hide content properly radio button feature supports to insert custom components into radio group and combobox will now hides the content using ellipsis when the screen is minimized. * feat: added tooltip for slider and changed tag to hide the content using ellipsis when required * fix: fixed select so that it will be rendered correctly even if no initial value is given * chore: added styles to radio and switch * feat: added enable tag feature for combobox in form and fixed placeholder content hiding Co-authored-by: Koteswarudu Akula <koteswaruduakula@koteswarudu-a.optilink> * chore(release): publish v0.7.1-alpha.4
1 parent edfa7c8 commit f662bd6

34 files changed

+2292
-5994
lines changed

‎.github/workflows/release.yml

Lines changed: 32 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -1,43 +1,43 @@
1-
name : Release
1+
name: Release
22

33
on:
44
push:
55
tags:
66
- "v*"
77

88
jobs:
9-
publish:
10-
name: Build and Publish
11-
runs-on: ubuntu-latest
12-
steps:
13-
- uses: actions/checkout@v3
14-
with:
15-
fetch-depth: 0
9+
publish:
10+
name: Build and Publish
11+
runs-on: ubuntu-latest
12+
steps:
13+
- uses: actions/checkout@v3
14+
with:
15+
fetch-depth: 0
1616

17-
- uses: actions/setup-node@v2
18-
with:
19-
node-version: "16.x"
17+
- uses: actions/setup-node@v2
18+
with:
19+
node-version: "16.x"
2020

21-
- name: Install and Build Packages
22-
run: |
23-
yarn install
24-
yarn build
21+
- name: Install and Build Packages
22+
run: |
23+
yarn install
24+
yarn build
2525
26-
- name: Authenticate with Registry
27-
run: |
28-
echo "registry=http://registry.npmjs.org/" >> .npmrc
29-
echo "//registry.npmjs.org/:_authToken=$NPM_TOKEN" >> .npmrc
30-
env:
31-
NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
26+
- name: Authenticate with Registry
27+
run: |
28+
echo "@odpf:registry=https://registry.npmjs.org/" > .npmrc
29+
echo "registry=https://registry.npmjs.org/" >> .npmrc
30+
echo "//registry.npmjs.org/:_authToken=$NPM_TOKEN" >> .npmrc
31+
env:
32+
NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
3233

33-
- name: Publish packages
34-
run: yarn lerna publish from-package --yes
35-
env:
36-
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
37-
NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
38-
39-
- name: Github Release
40-
run: gh release create ${{ github.ref }} --generate-notes
41-
env:
42-
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
43-
34+
- name: Publish packages
35+
run: yarn lerna publish from-package --no-verify-access --yes
36+
env:
37+
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
38+
NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
39+
40+
- name: Github Release
41+
run: gh release create ${{ github.ref }} --generate-notes
42+
env:
43+
GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

‎lerna.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -4,7 +4,7 @@
44
],
55
"npmClient": "yarn",
66
"useWorkspaces": true,
7-
"version": "0.7.0",
7+
"version": "0.7.1-alpha.4",
88
"command": {
99
"version": {
1010
"message": "chore(release): publish %s"

‎packages/apsara-icons/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@odpf/icons",
3-
"version": "0.7.0",
3+
"version": "0.7.1-alpha.3",
44
"description": "Apsara icons",
55
"scripts": {
66
"build": "node scripts/build.js",

‎packages/apsara-ui/package.json

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
{
22
"name": "@odpf/apsara",
3-
"version": "0.7.0",
3+
"version": "0.7.1-alpha.4",
44
"description": "A list of base components for apsara",
55
"author": "Praveen Yadav <praveen.yadav@go-jek.com>",
66
"license": "Apache-2.0",
@@ -36,7 +36,13 @@
3636
},
3737
"dependencies": {
3838
"@ant-design/icons": "^4.2.2",
39-
"@odpf/icons": "^0.7.0",
39+
"@odpf/icons": "^0.7.1-alpha.3",
40+
"@radix-ui/colors": "^0.1.8",
41+
"@radix-ui/react-icons": "^1.1.1",
42+
"@radix-ui/react-radio-group": "^1.0.0",
43+
"@radix-ui/react-select": "^0.1.1",
44+
"@radix-ui/react-slider": "^1.0.0",
45+
"@radix-ui/react-switch": "^0.1.5",
4046
"antd": "^4.16.13",
4147
"clsx": "^1.1.1",
4248
"moment": "^2.29.1",

‎packages/apsara-ui/src/Combobox/Combobox.stories.tsx

Lines changed: 36 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,36 @@
1+
import React from "react";
2+
import Combobox from "./Combobox";
3+
import { SelectProps } from "rc-select";
4+
5+
export default {
6+
title: "General/Combobox",
7+
component: Combobox,
8+
argTypes: { mode: { control: "select", options: ["multiple", "tags", "combobox", undefined] } },
9+
};
10+
11+
const options = [
12+
{ value: "2", label: "pilotdata-integration:bq_smoke_test_json_insert_all_dataset - Bigquery Dataset" },
13+
{ value: "3", label: "Ford Raptor" },
14+
{ value: "4", label: "Ferrari Testarossa" },
15+
{ value: "5", label: "Porsche 911 Carrera" },
16+
{ value: "6", label: "Jensen Interceptor" },
17+
{ value: "7", label: "Lamborghini Huracán" },
18+
{ value: "8", label: "Ferrari 812 Superfast" },
19+
{ value: "9", label: "Jeep Gladiator" },
20+
{ value: "10", label: "Land Rover Defender" },
21+
{ value: "11", label: "Rolls-Royce Wraith" },
22+
{ value: "12", label: "Suzuki Samurai" },
23+
];
24+
25+
const Template = (args: SelectProps) => <Combobox {...args} />;
26+
27+
export const MultiSelectWithSearch = Template.bind({});
28+
29+
MultiSelectWithSearch.args = {
30+
placeholder: "Please Select",
31+
options: options,
32+
allowClear: true,
33+
showSearch: true,
34+
showArrow: true,
35+
mode: "multiple",
36+
};

0 commit comments

Comments
 (0)