@mindlogic-ai/logician-ui 5.0.0-alpha.28 → 5.0.0-alpha.29
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/MIGRATION-5.0.md +38 -0
- package/USAGE.md +20 -0
- package/dist/components/DatePicker/DatePicker.types.d.ts +12 -0
- package/dist/components/DatePicker/DatePicker.types.d.ts.map +1 -0
- package/dist/components/DatePicker/RangeDatePicker.d.ts +2 -1
- package/dist/components/DatePicker/RangeDatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker/RangeDatePicker.js +4 -2
- package/dist/components/DatePicker/RangeDatePicker.js.map +1 -1
- package/dist/components/DatePicker/RangeDatePicker.mjs +4 -2
- package/dist/components/DatePicker/RangeDatePicker.mjs.map +1 -1
- package/dist/components/DatePicker/SingleDatePicker.d.ts +2 -1
- package/dist/components/DatePicker/SingleDatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker/SingleDatePicker.js +4 -2
- package/dist/components/DatePicker/SingleDatePicker.js.map +1 -1
- package/dist/components/DatePicker/SingleDatePicker.mjs +4 -2
- package/dist/components/DatePicker/SingleDatePicker.mjs.map +1 -1
- package/dist/components/DatePicker/index.d.ts +1 -0
- package/dist/components/DatePicker/index.d.ts.map +1 -1
- package/dist/components/MonthPicker/MonthPicker.d.ts.map +1 -1
- package/dist/components/MonthPicker/MonthPicker.js +3 -2
- package/dist/components/MonthPicker/MonthPicker.js.map +1 -1
- package/dist/components/MonthPicker/MonthPicker.mjs +3 -2
- package/dist/components/MonthPicker/MonthPicker.mjs.map +1 -1
- package/dist/components/MonthPicker/MonthPicker.types.d.ts +7 -1
- package/dist/components/MonthPicker/MonthPicker.types.d.ts.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.js +7 -18
- package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.mjs +8 -19
- package/dist/components/SegmentedControl/SegmentedControl.mjs.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.styles.d.ts +18 -0
- package/dist/components/SegmentedControl/SegmentedControl.styles.d.ts.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.styles.js +24 -0
- package/dist/components/SegmentedControl/SegmentedControl.styles.js.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.styles.mjs +23 -1
- package/dist/components/SegmentedControl/SegmentedControl.styles.mjs.map +1 -1
- package/dist/components/Tag/Tag.d.ts.map +1 -1
- package/dist/components/Tag/Tag.js +14 -2
- package/dist/components/Tag/Tag.js.map +1 -1
- package/dist/components/Tag/Tag.mjs +15 -3
- package/dist/components/Tag/Tag.mjs.map +1 -1
- package/dist/components/Tag/Tag.styles.d.ts +20 -2
- package/dist/components/Tag/Tag.styles.d.ts.map +1 -1
- package/dist/components/Tag/Tag.styles.js +81 -0
- package/dist/components/Tag/Tag.styles.js.map +1 -1
- package/dist/components/Tag/Tag.styles.mjs +81 -1
- package/dist/components/Tag/Tag.styles.mjs.map +1 -1
- package/dist/components/Tag/Tag.types.d.ts +15 -2
- package/dist/components/Tag/Tag.types.d.ts.map +1 -1
- package/dist/components/Tag/index.d.ts +2 -2
- package/dist/components/Tag/index.d.ts.map +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +9 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +2 -1
- package/dist/index.mjs.map +1 -1
- package/dist/theme/controlSizes.d.ts +91 -0
- package/dist/theme/controlSizes.d.ts.map +1 -0
- package/dist/theme/controlSizes.js +143 -0
- package/dist/theme/controlSizes.js.map +1 -0
- package/dist/theme/controlSizes.mjs +135 -0
- package/dist/theme/controlSizes.mjs.map +1 -0
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.js +12 -43
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/index.mjs +12 -43
- package/dist/theme/index.mjs.map +1 -1
- package/dist/theme/recipes/controls.d.ts +94 -0
- package/dist/theme/recipes/controls.d.ts.map +1 -0
- package/dist/theme/recipes/controls.js +154 -0
- package/dist/theme/recipes/controls.js.map +1 -0
- package/dist/theme/recipes/controls.mjs +144 -0
- package/dist/theme/recipes/controls.mjs.map +1 -0
- package/package.json +1 -1
- package/src/components/DatePicker/DatePicker.types.ts +12 -0
- package/src/components/DatePicker/RangeDatePicker.tsx +7 -1
- package/src/components/DatePicker/SingleDatePicker.tsx +7 -1
- package/src/components/DatePicker/index.ts +1 -0
- package/src/components/MonthPicker/MonthPicker.tsx +7 -1
- package/src/components/MonthPicker/MonthPicker.types.ts +8 -1
- package/src/components/SegmentedControl/SegmentedControl.styles.ts +31 -0
- package/src/components/SegmentedControl/SegmentedControl.tsx +15 -22
- package/src/components/SegmentedControl/SegmentedControl.usage.mdx +15 -8
- package/src/components/Tag/Tag.styles.ts +117 -2
- package/src/components/Tag/Tag.test.tsx +87 -1
- package/src/components/Tag/Tag.tsx +22 -1
- package/src/components/Tag/Tag.types.ts +16 -2
- package/src/components/Tag/index.ts +2 -0
- package/src/components/claude.md +23 -0
- package/src/index.ts +12 -0
- package/src/theme/ControlSizes.stories.tsx +586 -0
- package/src/theme/claude.md +8 -0
- package/src/theme/controlSizes.test.ts +148 -0
- package/src/theme/controlSizes.ts +162 -0
- package/src/theme/index.ts +21 -46
- package/src/theme/recipes/controls.ts +171 -0
package/MIGRATION-5.0.md
CHANGED
|
@@ -144,6 +144,44 @@ Kept as `@deprecated` exports: `ButtonColorPalette`, `buttonColorPalettes`,
|
|
|
144
144
|
`getIconButtonStyles(variant, isDestructive)`, `getTagStyles({ tone, selected,
|
|
145
145
|
category, interactive })`. `LINK_RAMP` entries are plain token strings now.
|
|
146
146
|
|
|
147
|
+
### Control sizes (shared scale)
|
|
148
|
+
|
|
149
|
+
Every control that takes `size` now resolves it through one table,
|
|
150
|
+
`controlSizes` (`src/theme/controlSizes.ts`, exported from the package root):
|
|
151
|
+
the same height, type size, inline padding, icon size and corner per size.
|
|
152
|
+
`Button` is the reference and does not change.
|
|
153
|
+
|
|
154
|
+
| size | height | 14px root | 16px `ScaledContext` | type (textStyle) |
|
|
155
|
+
| ---- | ---------- | --------- | -------------------- | ------------------- |
|
|
156
|
+
| xs | `sizes.8` | 28px | 28px | `xs` (12.25 / 14px) |
|
|
157
|
+
| sm | `sizes.9` | 31.5px | 36px | `sm` (14 / 16px) |
|
|
158
|
+
| md | `sizes.10` | 35px | 40px | `sm` |
|
|
159
|
+
| lg | `sizes.11` | 38.5px | 44px | `md` (14 / 16px) |
|
|
160
|
+
|
|
161
|
+
What changes on screen:
|
|
162
|
+
|
|
163
|
+
- **Interactive `Tag`** (`as="button"`, `selected`, `onClick`, a link) now has
|
|
164
|
+
the control height of its `size` (default `md`, 35px) instead of the badge
|
|
165
|
+
height (`lg` was 21px). Filter chips written as `<Tag as="button" size="lg">`
|
|
166
|
+
become 38.5px — pick `size="xs"` / `"sm"` to match the row they sit in.
|
|
167
|
+
Static tags (badges) are unchanged. `xs` is new.
|
|
168
|
+
- **SegmentedControl** is 1px shorter at every size at the 14px root (it was
|
|
169
|
+
Button + 1px) and its labels use the control type (xs 10.5 → 12.25px,
|
|
170
|
+
sm / md 12.25 → 14px).
|
|
171
|
+
- **Input / PasswordInput / Textarea / Select `lg` (and `xl`)** type goes back
|
|
172
|
+
to the 14 / 16px control step (was 16 / 18.3px); the height is unchanged at
|
|
173
|
+
the root, and inside a `ScaledContext` `lg` is 44px (was 50px).
|
|
174
|
+
- **Combobox `lg`** is 38.5px (was 42px), like every other `lg` control.
|
|
175
|
+
- **Input, Textarea, Select, Combobox** corners are 8px (`radii.md`, Button's)
|
|
176
|
+
instead of 6px.
|
|
177
|
+
- **Switch label** takes the size's type (was a fixed 12.25px).
|
|
178
|
+
- **SingleDatePicker / RangeDatePicker** take `size`; the trigger's calendar
|
|
179
|
+
icon follows the control icon ramp (was a fixed 21px). **MonthPicker** takes
|
|
180
|
+
`size` (was always `md`).
|
|
181
|
+
|
|
182
|
+
To put your own icon in a control, size it from the same table:
|
|
183
|
+
`<SearchIcon boxSize={controlSizes[size].iconBoxSize} />`.
|
|
184
|
+
|
|
147
185
|
## 4. After the codemod — what a human checks
|
|
148
186
|
|
|
149
187
|
- Call sites the codemod reported (dynamic props, spreads, raw primitives).
|
package/USAGE.md
CHANGED
|
@@ -298,6 +298,26 @@ function App() {
|
|
|
298
298
|
</Button>
|
|
299
299
|
```
|
|
300
300
|
|
|
301
|
+
### Rows of controls (filter bars, toolbars, inline forms)
|
|
302
|
+
|
|
303
|
+
Give every control in the row the same `size` and nothing else — no `h=` /
|
|
304
|
+
`height` overrides. `Button`, `IconButton`, `Input`, `Select`, `Combobox`,
|
|
305
|
+
`SegmentedControl`, interactive `Tag`, the date-picker triggers and `Tabs` all
|
|
306
|
+
resolve `size` through the shared `controlSizes` scale, so they share height,
|
|
307
|
+
type, padding and corner per size (also inside `ScaledContext`). See the
|
|
308
|
+
Storybook page **Foundations / Control sizes**.
|
|
309
|
+
|
|
310
|
+
```tsx
|
|
311
|
+
<HStack gap="2">
|
|
312
|
+
<SegmentedControl size="sm" options={views} />
|
|
313
|
+
<Tag as="button" size="sm" selected>전체 22</Tag>
|
|
314
|
+
<Input size="sm" leftIcon={<SearchIcon boxSize={controlSizes.sm.iconBoxSize} />} />
|
|
315
|
+
<SelectField size="sm" options={sortOptions} ariaLabel="정렬" />
|
|
316
|
+
<RangeDatePicker size="sm" selectedDates={dates} onDateChange={setDates} />
|
|
317
|
+
<IconButton size="sm" aria-label="필터"><FilterIcon boxSize={controlSizes.sm.iconBoxSize} /></IconButton>
|
|
318
|
+
</HStack>
|
|
319
|
+
```
|
|
320
|
+
|
|
301
321
|
### 5. Actions in Feedback Surfaces
|
|
302
322
|
|
|
303
323
|
- A toast takes at most one action, through the `action` prop; dismiss is the ×
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { ButtonProps } from '../Button';
|
|
2
|
+
export interface DatePickerSizeProps {
|
|
3
|
+
/**
|
|
4
|
+
* Size of the trigger, on the shared control scale (`controlSizes`): the
|
|
5
|
+
* same height, type and icon size as a `Button` / `Input` of that size, so
|
|
6
|
+
* a date filter lines up in a row of controls. A `size` in
|
|
7
|
+
* `propsConfigs.triggerBtnProps` still wins.
|
|
8
|
+
* @default 'md'
|
|
9
|
+
*/
|
|
10
|
+
size?: ButtonProps['size'];
|
|
11
|
+
}
|
|
12
|
+
//# sourceMappingURL=DatePicker.types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DatePicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/DatePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,MAAM,WAAW,mBAAmB;IAClC;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CAC5B"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { RangeDatepickerProps } from 'chakra-dayzed-datepicker';
|
|
2
|
-
|
|
2
|
+
import type { DatePickerSizeProps } from './DatePicker.types';
|
|
3
|
+
export declare const RangeDatePicker: ({ propsConfigs, configs, usePortal, size, ...rest }: RangeDatepickerProps & DatePickerSizeProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
4
|
//# sourceMappingURL=RangeDatePicker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RangeDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/RangeDatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAclC,eAAO,MAAM,eAAe,GAAI
|
|
1
|
+
{"version":3,"file":"RangeDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/RangeDatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAclC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,eAAO,MAAM,eAAe,GAAI,qDAM7B,oBAAoB,GAAG,mBAAmB,4CAiK5C,CAAC"}
|
|
@@ -6,12 +6,14 @@ var react = require('@chakra-ui/react');
|
|
|
6
6
|
var chakraDayzedDatepicker = require('chakra-dayzed-datepicker');
|
|
7
7
|
var dateFns = require('date-fns');
|
|
8
8
|
var useLanguage = require('../../hooks/useLanguage.js');
|
|
9
|
+
var controlSizes = require('../../theme/controlSizes.js');
|
|
9
10
|
var Button = require('../Button/Button.js');
|
|
10
11
|
require('../Button/Button.styles.js');
|
|
11
12
|
var index = require('../Icon/index.js');
|
|
12
13
|
var constants = require('../MonthPicker/constants.js');
|
|
13
14
|
|
|
14
|
-
const RangeDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest }) => {
|
|
15
|
+
const RangeDatePicker = ({ propsConfigs, configs, usePortal = true, size, ...rest }) => {
|
|
16
|
+
const control = controlSizes.getControlSize(size);
|
|
15
17
|
const { language } = useLanguage.useLanguage();
|
|
16
18
|
const dateFormat = configs?.dateFormat ?? constants.getDefaultFullDateFormat(language);
|
|
17
19
|
const dateFnsLocale = constants.getDateFnsLocale(language);
|
|
@@ -140,7 +142,7 @@ const RangeDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest }) =
|
|
|
140
142
|
...propsConfigs?.dayOfMonthBtnProps,
|
|
141
143
|
},
|
|
142
144
|
...propsConfigs,
|
|
143
|
-
}, children: (selectedDates) => (jsxRuntime.jsx(react.Popover.Trigger, { asChild: true, children: jsxRuntime.jsxs(Button.Button, { pl: 2, variant: "secondary", ...propsConfigs?.triggerBtnProps, children: [jsxRuntime.jsx(index.MdOutlineCalendarToday, { color: "fg.subtle", style: { marginInlineEnd: 3 } }), selectedDates && selectedDates.length > 0
|
|
145
|
+
}, children: (selectedDates) => (jsxRuntime.jsx(react.Popover.Trigger, { asChild: true, children: jsxRuntime.jsxs(Button.Button, { pl: 2, variant: "secondary", size: size, ...propsConfigs?.triggerBtnProps, children: [jsxRuntime.jsx(index.MdOutlineCalendarToday, { boxSize: control.iconBoxSize, color: "fg.subtle", style: { marginInlineEnd: 3 } }), selectedDates && selectedDates.length > 0
|
|
144
146
|
? selectedDates.length === 1
|
|
145
147
|
? `${dateFns.format(selectedDates[0], dateFormat, { locale: dateFnsLocale })} - `
|
|
146
148
|
: `${dateFns.format(selectedDates[0], dateFormat, { locale: dateFnsLocale })} - ${dateFns.format(selectedDates[1], dateFormat, { locale: dateFnsLocale })}`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RangeDatePicker.js","sources":["../../../src/components/DatePicker/RangeDatePicker.tsx"],"sourcesContent":[null],"names":["useLanguage","getDefaultFullDateFormat","getDateFnsLocale","_jsx","BaseRangeDatePicker","getMonthNames","getDayNames","Popover","_jsxs","Button","MdOutlineCalendarToday","format"],"mappings":"
|
|
1
|
+
{"version":3,"file":"RangeDatePicker.js","sources":["../../../src/components/DatePicker/RangeDatePicker.tsx"],"sourcesContent":[null],"names":["getControlSize","useLanguage","getDefaultFullDateFormat","getDateFnsLocale","_jsx","BaseRangeDatePicker","getMonthNames","getDayNames","Popover","_jsxs","Button","MdOutlineCalendarToday","format"],"mappings":";;;;;;;;;;;;;;MAoBa,eAAe,GAAG,CAAC,EAC9B,YAAY,EACZ,OAAO,EACP,SAAS,GAAG,IAAI,EAChB,IAAI,EACJ,GAAG,IAAI,EACoC,KAAI;AAC/C,IAAA,MAAM,OAAO,GAAGA,2BAAc,CAAC,IAAI,CAAC;AACpC,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAGC,uBAAW,EAAE;IAClC,MAAM,UAAU,GAAG,OAAO,EAAE,UAAU,IAAIC,kCAAwB,CAAC,QAAQ,CAAC;AAC5E,IAAA,MAAM,aAAa,GAAGC,0BAAgB,CAAC,QAAQ,CAAC;IAEhD,QACEC,cAAA,CAACC,sCAAmB,EAAA,EAClB,SAAS,EAAE,SAAS,EAAA,GAChB,IAAI,EACR,OAAO,EAAE;AACP,YAAA,UAAU,EAAEC,uBAAa,CAAC,QAAQ,EAAE,MAAM,CAAC;AAC3C,YAAA,QAAQ,EAAEC,qBAAW,CAAC,QAAQ,CAAC;AAC/B,YAAA,GAAG,OAAO;YACV,UAAU;AACX,SAAA,EACD,YAAY,EAAE;AACZ,YAAA,eAAe,EAAE;AACf,gBAAA,UAAU,EAAE,SAAS;AACrB,gBAAA,KAAK,EAAE,YAAY;AACnB,gBAAA,QAAQ,EAAE,IAAI;gBACd,GAAG,YAAY,EAAE,eAAe;AACjC,aAAA;AACD,YAAA,UAAU,EAAE;AACV,gBAAA,KAAK,EAAE,YAAY;gBACnB,GAAG,YAAY,EAAE,UAAU;AAC5B,aAAA;AACD,YAAA,gBAAgB,EAAE;AAChB,gBAAA,gBAAgB,EAAE;AAChB,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,GAAG,YAAY,EAAE,gBAAgB,EAAE,gBAAgB;AACpD,iBAAA;AACD,gBAAA,mBAAmB,EAAE;AACnB,oBAAA,CAAC,EAAE,CAAC;AACJ,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,SAAS,EAAE,IAAI;AACf,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,WAAW,EAAE,CAAC;;;;AAId,oBAAA,EAAE,EAAE,YAAY;AAChB,oBAAA,GAAG,YAAY,EAAE,gBAAgB,EAAE,mBAAmB;AACvD,iBAAA;gBACD,GAAG,YAAY,EAAE,gBAAgB;AAClC,aAAA;AACD,YAAA,kBAAkB,EAAE;AAClB,gBAAA,YAAY,EAAE;AACZ,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,YAAY;AAClD,iBAAA;AACD,gBAAA,YAAY,EAAE;AACZ,oBAAA,OAAO,EAAE,MAAM;AACf,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,YAAY;AAClD,iBAAA;AACD,gBAAA,YAAY,EAAE;AACZ,oBAAA,EAAE,EAAE,CAAC;AACL,oBAAA,EAAE,EAAE,CAAC;AACL,oBAAA,WAAW,EAAE,KAAK;AAClB,oBAAA,WAAW,EAAE,gBAAgB;AAC7B,oBAAA,YAAY,EAAE,EAAE;AAChB,oBAAA,EAAE,EAAE,YAAY;AAChB,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,YAAY;AAClD,iBAAA;AACD,gBAAA,SAAS,EAAE;AACT,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,SAAS;AAC/C,iBAAA;gBACD,GAAG,YAAY,EAAE,kBAAkB;AACpC,aAAA;AACD,YAAA,eAAe,EAAE;AACf,gBAAA,KAAK,EAAE,cAAc;gBACrB,GAAG,YAAY,EAAE,eAAe;AACjC,aAAA;AACD,YAAA,iBAAiB,EAAE;AACjB,gBAAA,EAAE,EAAE,CAAC;AACL,gBAAA,KAAK,EAAE,UAAU;AACjB,gBAAA,QAAQ,EAAE,IAAI;AACd,gBAAA,UAAU,EAAE,SAAS;gBACrB,GAAG,YAAY,EAAE,iBAAiB;AACnC,aAAA;AACD,YAAA,kBAAkB,EAAE;AAClB,gBAAA,eAAe,EAAE;AACf,oBAAA,KAAK,EAAE,EAAE;AACT,oBAAA,MAAM,EAAE,EAAE;AACV,oBAAA,KAAK,EAAE,YAAY;AACnB,oBAAA,UAAU,EAAE,SAAS;AACrB,oBAAA,MAAM,EAAE;AACN,wBAAA,UAAU,EAAE,cAAc;AAC1B,wBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM;AAC7D,qBAAA;AACD,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,eAAe;AACrD,iBAAA;AACD,gBAAA,aAAa,EAAE;AACb,oBAAA,UAAU,EAAE,UAAU;AACtB,oBAAA,SAAS,EAAE,oDAAoD;AAC/D,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,aAAa;AACnD,iBAAA;AACD,gBAAA,gBAAgB,EAAE;AAChB,oBAAA,KAAK,EAAE,cAAc;AACrB,oBAAA,UAAU,EAAE,cAAc;AAC1B,oBAAA,UAAU,EAAE,UAAU;AACtB,oBAAA,QAAQ,EAAE,UAAU;AACpB,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,YAAY,EAAE,MAAM;AACpB,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,gBAAgB;AACtD,iBAAA;AACD,gBAAA,iBAAiB,EAAE;AACjB,oBAAA,KAAK,EAAE,YAAY;AACnB,oBAAA,UAAU,EAAE,kBAAkB;AAC9B,oBAAA,YAAY,EAAE,MAAM;AACpB,oBAAA,GAAG,EAAE;;AAEH,wBAAA,uDAAuD,EAAE;AACvD,4BAAA,iBAAiB,EAAE,IAAI;AACxB,yBAAA;;AAED,wBAAA,kDAAkD,EAAE;AAClD,4BAAA,gBAAgB,EAAE,IAAI;AACvB,yBAAA;;AAED,wBAAA,2CAA2C,EAAE;AAC3C,4BAAA,gBAAgB,EAAE,IAAI;AACvB,yBAAA;;AAED,wBAAA,uCAAuC,EAAE;AACvC,4BAAA,iBAAiB,EAAE,IAAI;AACxB,yBAAA;AACF,qBAAA;AACD,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,iBAAiB;AACvD,iBAAA;gBACD,GAAG,YAAY,EAAE,kBAAkB;AACpC,aAAA;AACD,YAAA,GAAG,YAAY;AAChB,SAAA,EAAA,QAAA,EAEA,CAAC,aAAa,MACbH,cAAA,CAACI,aAAO,CAAC,OAAO,EAAA,EAAC,OAAO,EAAA,IAAA,EAAA,QAAA,EACtBC,eAAA,CAACC,aAAM,EAAA,EACL,EAAE,EAAE,CAAC,EACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAE,IAAI,EAAA,GACL,YAAY,EAAE,eAA+B,EAAA,QAAA,EAAA,CAElDN,cAAA,CAACO,4BAAsB,EAAA,EACrB,OAAO,EAAE,OAAO,CAAC,WAAW,EAC5B,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAA,CAC7B,EACD,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG;AACvC,0BAAE,aAAa,CAAC,MAAM,KAAK;AACzB,8BAAE,CAAA,EAAGC,cAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,CAAA,GAAA;AACpE,8BAAE,CAAA,EAAGA,cAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,CAAA,GAAA,EAAMA,cAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,CAAC,CAAA;AAC3I,0BAAE,EAAE,CAAA,EAAA,CACC,GACO,CACnB,EAAA,CACmB;AAE1B;;;;"}
|
|
@@ -4,12 +4,14 @@ import { Popover } from '@chakra-ui/react';
|
|
|
4
4
|
import { RangeDatepicker } from 'chakra-dayzed-datepicker';
|
|
5
5
|
import { format } from 'date-fns';
|
|
6
6
|
import { useLanguage } from '../../hooks/useLanguage.mjs';
|
|
7
|
+
import { getControlSize } from '../../theme/controlSizes.mjs';
|
|
7
8
|
import { Button } from '../Button/Button.mjs';
|
|
8
9
|
import '../Button/Button.styles.mjs';
|
|
9
10
|
import { MdOutlineCalendarToday } from '../Icon/index.mjs';
|
|
10
11
|
import { getDefaultFullDateFormat, getDayNames, getMonthNames, getDateFnsLocale } from '../MonthPicker/constants.mjs';
|
|
11
12
|
|
|
12
|
-
const RangeDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest }) => {
|
|
13
|
+
const RangeDatePicker = ({ propsConfigs, configs, usePortal = true, size, ...rest }) => {
|
|
14
|
+
const control = getControlSize(size);
|
|
13
15
|
const { language } = useLanguage();
|
|
14
16
|
const dateFormat = configs?.dateFormat ?? getDefaultFullDateFormat(language);
|
|
15
17
|
const dateFnsLocale = getDateFnsLocale(language);
|
|
@@ -138,7 +140,7 @@ const RangeDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest }) =
|
|
|
138
140
|
...propsConfigs?.dayOfMonthBtnProps,
|
|
139
141
|
},
|
|
140
142
|
...propsConfigs,
|
|
141
|
-
}, children: (selectedDates) => (jsx(Popover.Trigger, { asChild: true, children: jsxs(Button, { pl: 2, variant: "secondary", ...propsConfigs?.triggerBtnProps, children: [jsx(MdOutlineCalendarToday, { color: "fg.subtle", style: { marginInlineEnd: 3 } }), selectedDates && selectedDates.length > 0
|
|
143
|
+
}, children: (selectedDates) => (jsx(Popover.Trigger, { asChild: true, children: jsxs(Button, { pl: 2, variant: "secondary", size: size, ...propsConfigs?.triggerBtnProps, children: [jsx(MdOutlineCalendarToday, { boxSize: control.iconBoxSize, color: "fg.subtle", style: { marginInlineEnd: 3 } }), selectedDates && selectedDates.length > 0
|
|
142
144
|
? selectedDates.length === 1
|
|
143
145
|
? `${format(selectedDates[0], dateFormat, { locale: dateFnsLocale })} - `
|
|
144
146
|
: `${format(selectedDates[0], dateFormat, { locale: dateFnsLocale })} - ${format(selectedDates[1], dateFormat, { locale: dateFnsLocale })}`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RangeDatePicker.mjs","sources":["../../../src/components/DatePicker/RangeDatePicker.tsx"],"sourcesContent":[null],"names":["_jsx","BaseRangeDatePicker","_jsxs"],"mappings":"
|
|
1
|
+
{"version":3,"file":"RangeDatePicker.mjs","sources":["../../../src/components/DatePicker/RangeDatePicker.tsx"],"sourcesContent":[null],"names":["_jsx","BaseRangeDatePicker","_jsxs"],"mappings":"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"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
1
|
import { SingleDatepickerProps } from 'chakra-dayzed-datepicker';
|
|
2
|
-
|
|
2
|
+
import type { DatePickerSizeProps } from './DatePicker.types';
|
|
3
|
+
export declare const SingleDatePicker: ({ propsConfigs, configs, usePortal, size, ...rest }: SingleDatepickerProps & DatePickerSizeProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
4
|
//# sourceMappingURL=SingleDatePicker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SingleDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/SingleDatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,qBAAqB,EACtB,MAAM,0BAA0B,CAAC;AAclC,eAAO,MAAM,gBAAgB,GAAI
|
|
1
|
+
{"version":3,"file":"SingleDatePicker.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/SingleDatePicker.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,qBAAqB,EACtB,MAAM,0BAA0B,CAAC;AAclC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAE9D,eAAO,MAAM,gBAAgB,GAAI,qDAM9B,qBAAqB,GAAG,mBAAmB,4CAqH7C,CAAC"}
|
|
@@ -6,12 +6,14 @@ var react = require('@chakra-ui/react');
|
|
|
6
6
|
var chakraDayzedDatepicker = require('chakra-dayzed-datepicker');
|
|
7
7
|
var dateFns = require('date-fns');
|
|
8
8
|
var useLanguage = require('../../hooks/useLanguage.js');
|
|
9
|
+
var controlSizes = require('../../theme/controlSizes.js');
|
|
9
10
|
var Button = require('../Button/Button.js');
|
|
10
11
|
require('../Button/Button.styles.js');
|
|
11
12
|
var index = require('../Icon/index.js');
|
|
12
13
|
var constants = require('../MonthPicker/constants.js');
|
|
13
14
|
|
|
14
|
-
const SingleDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest }) => {
|
|
15
|
+
const SingleDatePicker = ({ propsConfigs, configs, usePortal = true, size, ...rest }) => {
|
|
16
|
+
const control = controlSizes.getControlSize(size);
|
|
15
17
|
const { language } = useLanguage.useLanguage();
|
|
16
18
|
const dateFormat = configs?.dateFormat ?? constants.getDefaultFullDateFormat(language);
|
|
17
19
|
const dateFnsLocale = constants.getDateFnsLocale(language);
|
|
@@ -98,7 +100,7 @@ const SingleDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest })
|
|
|
98
100
|
...propsConfigs?.dayOfMonthBtnProps,
|
|
99
101
|
},
|
|
100
102
|
...propsConfigs,
|
|
101
|
-
}, children: (selectedDate) => (jsxRuntime.jsx(react.Popover.Trigger, { asChild: true, children: jsxRuntime.jsxs(Button.Button, { pl: 2, variant: "secondary", ...propsConfigs?.triggerBtnProps, children: [jsxRuntime.jsx(index.MdOutlineCalendarToday, { color: "fg.subtle", style: { marginInlineEnd: 3 } }), selectedDate
|
|
103
|
+
}, children: (selectedDate) => (jsxRuntime.jsx(react.Popover.Trigger, { asChild: true, children: jsxRuntime.jsxs(Button.Button, { pl: 2, variant: "secondary", size: size, ...propsConfigs?.triggerBtnProps, children: [jsxRuntime.jsx(index.MdOutlineCalendarToday, { boxSize: control.iconBoxSize, color: "fg.subtle", style: { marginInlineEnd: 3 } }), selectedDate
|
|
102
104
|
? dateFns.format(selectedDate, dateFormat, { locale: dateFnsLocale })
|
|
103
105
|
: ''] }) })) }));
|
|
104
106
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SingleDatePicker.js","sources":["../../../src/components/DatePicker/SingleDatePicker.tsx"],"sourcesContent":[null],"names":["useLanguage","getDefaultFullDateFormat","getDateFnsLocale","_jsx","SingleDatepicker","getMonthNames","getDayNames","Popover","_jsxs","Button","MdOutlineCalendarToday","format"],"mappings":"
|
|
1
|
+
{"version":3,"file":"SingleDatePicker.js","sources":["../../../src/components/DatePicker/SingleDatePicker.tsx"],"sourcesContent":[null],"names":["getControlSize","useLanguage","getDefaultFullDateFormat","getDateFnsLocale","_jsx","SingleDatepicker","getMonthNames","getDayNames","Popover","_jsxs","Button","MdOutlineCalendarToday","format"],"mappings":"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"}
|
|
@@ -4,12 +4,14 @@ import { Popover } from '@chakra-ui/react';
|
|
|
4
4
|
import { SingleDatepicker } from 'chakra-dayzed-datepicker';
|
|
5
5
|
import { format } from 'date-fns';
|
|
6
6
|
import { useLanguage } from '../../hooks/useLanguage.mjs';
|
|
7
|
+
import { getControlSize } from '../../theme/controlSizes.mjs';
|
|
7
8
|
import { Button } from '../Button/Button.mjs';
|
|
8
9
|
import '../Button/Button.styles.mjs';
|
|
9
10
|
import { MdOutlineCalendarToday } from '../Icon/index.mjs';
|
|
10
11
|
import { getDefaultFullDateFormat, getDayNames, getMonthNames, getDateFnsLocale } from '../MonthPicker/constants.mjs';
|
|
11
12
|
|
|
12
|
-
const SingleDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest }) => {
|
|
13
|
+
const SingleDatePicker = ({ propsConfigs, configs, usePortal = true, size, ...rest }) => {
|
|
14
|
+
const control = getControlSize(size);
|
|
13
15
|
const { language } = useLanguage();
|
|
14
16
|
const dateFormat = configs?.dateFormat ?? getDefaultFullDateFormat(language);
|
|
15
17
|
const dateFnsLocale = getDateFnsLocale(language);
|
|
@@ -96,7 +98,7 @@ const SingleDatePicker = ({ propsConfigs, configs, usePortal = true, ...rest })
|
|
|
96
98
|
...propsConfigs?.dayOfMonthBtnProps,
|
|
97
99
|
},
|
|
98
100
|
...propsConfigs,
|
|
99
|
-
}, children: (selectedDate) => (jsx(Popover.Trigger, { asChild: true, children: jsxs(Button, { pl: 2, variant: "secondary", ...propsConfigs?.triggerBtnProps, children: [jsx(MdOutlineCalendarToday, { color: "fg.subtle", style: { marginInlineEnd: 3 } }), selectedDate
|
|
101
|
+
}, children: (selectedDate) => (jsx(Popover.Trigger, { asChild: true, children: jsxs(Button, { pl: 2, variant: "secondary", size: size, ...propsConfigs?.triggerBtnProps, children: [jsx(MdOutlineCalendarToday, { boxSize: control.iconBoxSize, color: "fg.subtle", style: { marginInlineEnd: 3 } }), selectedDate
|
|
100
102
|
? format(selectedDate, dateFormat, { locale: dateFnsLocale })
|
|
101
103
|
: ''] }) })) }));
|
|
102
104
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SingleDatePicker.mjs","sources":["../../../src/components/DatePicker/SingleDatePicker.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"
|
|
1
|
+
{"version":3,"file":"SingleDatePicker.mjs","sources":["../../../src/components/DatePicker/SingleDatePicker.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;MAoBa,gBAAgB,GAAG,CAAC,EAC/B,YAAY,EACZ,OAAO,EACP,SAAS,GAAG,IAAI,EAChB,IAAI,EACJ,GAAG,IAAI,EACqC,KAAI;AAChD,IAAA,MAAM,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC;AACpC,IAAA,MAAM,EAAE,QAAQ,EAAE,GAAG,WAAW,EAAE;IAClC,MAAM,UAAU,GAAG,OAAO,EAAE,UAAU,IAAI,wBAAwB,CAAC,QAAQ,CAAC;AAC5E,IAAA,MAAM,aAAa,GAAG,gBAAgB,CAAC,QAAQ,CAAC;IAEhD,QACEA,GAAA,CAAC,gBAAgB,EAAA,EACf,SAAS,EAAE,SAAS,EAAA,GAChB,IAAI,EACR,OAAO,EAAE;AACP,YAAA,UAAU,EAAE,aAAa,CAAC,QAAQ,EAAE,MAAM,CAAC;AAC3C,YAAA,QAAQ,EAAE,WAAW,CAAC,QAAQ,CAAC;AAC/B,YAAA,GAAG,OAAO;YACV,UAAU;AACX,SAAA,EACD,YAAY,EAAE;AACZ,YAAA,eAAe,EAAE;AACf,gBAAA,cAAc,EAAE,MAAM;AACtB,gBAAA,UAAU,EAAE,SAAS;AACrB,gBAAA,KAAK,EAAE,YAAY;AACnB,gBAAA,QAAQ,EAAE,IAAI;gBACd,GAAG,YAAY,EAAE,eAAe;AACjC,aAAA;AACD,YAAA,UAAU,EAAE;AACV,gBAAA,KAAK,EAAE,YAAY;gBACnB,GAAG,YAAY,EAAE,UAAU;AAC5B,aAAA;AACD,YAAA,gBAAgB,EAAE;AAChB,gBAAA,mBAAmB,EAAE;AACnB,oBAAA,SAAS,EAAE,IAAI;AACf,oBAAA,GAAG,YAAY,EAAE,gBAAgB,EAAE,mBAAmB;AACvD,iBAAA;gBACD,GAAG,YAAY,EAAE,gBAAgB;AAClC,aAAA;AACD,YAAA,kBAAkB,EAAE;AAClB,gBAAA,YAAY,EAAE;AACZ,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,YAAY;AAClD,iBAAA;AACD,gBAAA,YAAY,EAAE;AACZ,oBAAA,OAAO,EAAE,MAAM;AACf,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,YAAY;AAClD,iBAAA;AACD,gBAAA,YAAY,EAAE;AACZ,oBAAA,WAAW,EAAE,CAAC;AACd,oBAAA,CAAC,EAAE,CAAC;AACJ,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,YAAY;AAClD,iBAAA;AACD,gBAAA,SAAS,EAAE;AACT,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,SAAS;AAC/C,iBAAA;gBACD,GAAG,YAAY,EAAE,kBAAkB;AACpC,aAAA;AACD,YAAA,eAAe,EAAE;AACf,gBAAA,KAAK,EAAE,cAAc;gBACrB,GAAG,YAAY,EAAE,eAAe;AACjC,aAAA;AACD,YAAA,iBAAiB,EAAE;AACjB,gBAAA,EAAE,EAAE,CAAC;AACL,gBAAA,KAAK,EAAE,UAAU;AACjB,gBAAA,UAAU,EAAE,SAAS;gBACrB,GAAG,YAAY,EAAE,iBAAiB;AACnC,aAAA;AACD,YAAA,kBAAkB,EAAE;AAClB,gBAAA,eAAe,EAAE;AACf,oBAAA,KAAK,EAAE,EAAE;AACT,oBAAA,MAAM,EAAE,EAAE;AACV,oBAAA,KAAK,EAAE,YAAY;AACnB,oBAAA,QAAQ,EAAE,IAAI;AACd,oBAAA,UAAU,EAAE,SAAS;AACrB,oBAAA,MAAM,EAAE;AACN,wBAAA,UAAU,EAAE,cAAc;AAC1B,wBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM;AAC7D,qBAAA;AACD,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,eAAe;AACrD,iBAAA;AACD,gBAAA,aAAa,EAAE;AACb,oBAAA,UAAU,EAAE,UAAU;AACtB,oBAAA,SAAS,EAAE,oDAAoD;AAC/D,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,aAAa;AACnD,iBAAA;AACD,gBAAA,gBAAgB,EAAE;AAChB,oBAAA,KAAK,EAAE,cAAc;AACrB,oBAAA,MAAM,EAAE,MAAM;AACd,oBAAA,UAAU,EAAE,cAAc;AAC1B,oBAAA,YAAY,EAAE,MAAM;AACpB,oBAAA,GAAG,YAAY,EAAE,kBAAkB,EAAE,gBAAgB;AACtD,iBAAA;gBACD,GAAG,YAAY,EAAE,kBAAkB;AACpC,aAAA;AACD,YAAA,GAAG,YAAY;SAChB,EAAA,QAAA,EAEA,CAAC,YAAY,MACZA,GAAA,CAAC,OAAO,CAAC,OAAO,EAAA,EAAC,OAAO,kBACtBC,IAAA,CAAC,MAAM,EAAA,EACL,EAAE,EAAE,CAAC,EACL,OAAO,EAAC,WAAW,EACnB,IAAI,EAAE,IAAI,KACL,YAAY,EAAE,eAA+B,EAAA,QAAA,EAAA,CAElDD,GAAA,CAAC,sBAAsB,IACrB,OAAO,EAAE,OAAO,CAAC,WAAW,EAC5B,KAAK,EAAC,WAAW,EACjB,KAAK,EAAE,EAAE,eAAe,EAAE,CAAC,EAAE,EAAA,CAC7B,EACD;AACC,0BAAE,MAAM,CAAC,YAAY,EAAE,UAAU,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE;AAC5D,0BAAE,EAAE,CAAA,EAAA,CACC,GACO,CACnB,EAAA,CACgB;AAEvB;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DatePicker/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,mBAAmB,EAAE,MAAM,oBAAoB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MonthPicker.d.ts","sourceRoot":"","sources":["../../../src/components/MonthPicker/MonthPicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"MonthPicker.d.ts","sourceRoot":"","sources":["../../../src/components/MonthPicker/MonthPicker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAyC,MAAM,OAAO,CAAC;AA+B9D,OAAO,EAAE,gBAAgB,EAAc,MAAM,qBAAqB,CAAC;AAEnE,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA8RlD,CAAC"}
|
|
@@ -18,6 +18,7 @@ require('../Typography/Subtitle.js');
|
|
|
18
18
|
var Text = require('../Typography/Text.js');
|
|
19
19
|
var useLanguage = require('../../hooks/useLanguage.js');
|
|
20
20
|
var useTranslate = require('../../hooks/useTranslate.js');
|
|
21
|
+
var controlSizes = require('../../theme/controlSizes.js');
|
|
21
22
|
var index = require('../Icon/index.js');
|
|
22
23
|
var hasEnabledMonthsInYear = require('./_utils/hasEnabledMonthsInYear.js');
|
|
23
24
|
var isMonthDisabled = require('./_utils/isMonthDisabled.js');
|
|
@@ -25,7 +26,7 @@ var constants = require('./constants.js');
|
|
|
25
26
|
var MonthButton = require('./MonthButton/MonthButton.js');
|
|
26
27
|
|
|
27
28
|
const MonthPicker = ({ selectedRange, onChange, isRange = true, minMonth, maxMonth, disabled = false, placeholder, format: dateFormat, // Remove default here, will be set dynamically
|
|
28
|
-
usePortal = true, popoverProps, name, showClearButton = true, ...boxProps }) => {
|
|
29
|
+
usePortal = true, popoverProps, name, showClearButton = true, size, ...boxProps }) => {
|
|
29
30
|
const [isOpen, setIsOpen] = React.useState(false);
|
|
30
31
|
const onOpen = () => setIsOpen(true);
|
|
31
32
|
const onClose = () => setIsOpen(false);
|
|
@@ -156,7 +157,7 @@ usePortal = true, popoverProps, name, showClearButton = true, ...boxProps }) =>
|
|
|
156
157
|
else {
|
|
157
158
|
onClose();
|
|
158
159
|
}
|
|
159
|
-
}, positioning: { placement: 'bottom-start' }, ...popoverProps, children: [jsxRuntime.jsx(react.Popover.Trigger, { ...{ asChild: true }, children: jsxRuntime.jsx(react.Box, { children: jsxRuntime.jsx(react.InputGroup, { startElement: jsxRuntime.jsx(index.MdOutlineCalendarToday, { boxSize:
|
|
160
|
+
}, positioning: { placement: 'bottom-start' }, ...popoverProps, children: [jsxRuntime.jsx(react.Popover.Trigger, { ...{ asChild: true }, children: jsxRuntime.jsx(react.Box, { children: jsxRuntime.jsx(react.InputGroup, { startElement: jsxRuntime.jsx(index.MdOutlineCalendarToday, { boxSize: controlSizes.getControlSize(size).iconBoxSize, color: "fg.muted" }), children: jsxRuntime.jsx(react.Input, { size: size, name: name, value: displayValue, placeholder: effectivePlaceholder, readOnly: true, disabled: disabled, cursor: disabled ? 'not-allowed' : 'pointer', onClick: disabled ? undefined : onOpen }) }) }) }), usePortal ? jsxRuntime.jsx(react.Portal, { children: popoverContent }) : popoverContent] }) }));
|
|
160
161
|
};
|
|
161
162
|
|
|
162
163
|
exports.MonthPicker = MonthPicker;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MonthPicker.js","sources":["../../../src/components/MonthPicker/MonthPicker.tsx"],"sourcesContent":[null],"names":["useState","useLanguage","useTranslate","useMemo","getMonthNames","getDateFnsLocale","getDefaultDateFormat","format","hasEnabledMonthsInYear","useCallback","isMonthDisabled","isSameMonth","isAfter","_jsx","Popover","_jsxs","VStack","HStack","Button","IoIosArrowBack","Text","IoChevronForward","Grid","MonthButton","Box","InputGroup","MdOutlineCalendarToday","Input","Portal"],"mappings":"
|
|
1
|
+
{"version":3,"file":"MonthPicker.js","sources":["../../../src/components/MonthPicker/MonthPicker.tsx"],"sourcesContent":[null],"names":["useState","useLanguage","useTranslate","useMemo","getMonthNames","getDateFnsLocale","getDefaultDateFormat","format","hasEnabledMonthsInYear","useCallback","isMonthDisabled","isSameMonth","isAfter","_jsx","Popover","_jsxs","VStack","HStack","Button","IoIosArrowBack","Text","IoChevronForward","Grid","MonthButton","Box","InputGroup","MdOutlineCalendarToday","getControlSize","Input","Portal"],"mappings":"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"}
|
|
@@ -16,6 +16,7 @@ import '../Typography/Subtitle.mjs';
|
|
|
16
16
|
import { Text } from '../Typography/Text.mjs';
|
|
17
17
|
import { useLanguage } from '../../hooks/useLanguage.mjs';
|
|
18
18
|
import { useTranslate } from '../../hooks/useTranslate.mjs';
|
|
19
|
+
import { getControlSize } from '../../theme/controlSizes.mjs';
|
|
19
20
|
import { IoIosArrowBack, IoChevronForward, MdOutlineCalendarToday } from '../Icon/index.mjs';
|
|
20
21
|
import { hasEnabledMonthsInYear } from './_utils/hasEnabledMonthsInYear.mjs';
|
|
21
22
|
import { isMonthDisabled } from './_utils/isMonthDisabled.mjs';
|
|
@@ -23,7 +24,7 @@ import { getMonthNames, getDateFnsLocale, getDefaultDateFormat } from './constan
|
|
|
23
24
|
import { MonthButton } from './MonthButton/MonthButton.mjs';
|
|
24
25
|
|
|
25
26
|
const MonthPicker = ({ selectedRange, onChange, isRange = true, minMonth, maxMonth, disabled = false, placeholder, format: dateFormat, // Remove default here, will be set dynamically
|
|
26
|
-
usePortal = true, popoverProps, name, showClearButton = true, ...boxProps }) => {
|
|
27
|
+
usePortal = true, popoverProps, name, showClearButton = true, size, ...boxProps }) => {
|
|
27
28
|
const [isOpen, setIsOpen] = useState(false);
|
|
28
29
|
const onOpen = () => setIsOpen(true);
|
|
29
30
|
const onClose = () => setIsOpen(false);
|
|
@@ -154,7 +155,7 @@ usePortal = true, popoverProps, name, showClearButton = true, ...boxProps }) =>
|
|
|
154
155
|
else {
|
|
155
156
|
onClose();
|
|
156
157
|
}
|
|
157
|
-
}, positioning: { placement: 'bottom-start' }, ...popoverProps, children: [jsx(Popover.Trigger, { ...{ asChild: true }, children: jsx(Box, { children: jsx(InputGroup, { startElement: jsx(MdOutlineCalendarToday, { boxSize:
|
|
158
|
+
}, positioning: { placement: 'bottom-start' }, ...popoverProps, children: [jsx(Popover.Trigger, { ...{ asChild: true }, children: jsx(Box, { children: jsx(InputGroup, { startElement: jsx(MdOutlineCalendarToday, { boxSize: getControlSize(size).iconBoxSize, color: "fg.muted" }), children: jsx(Input, { size: size, name: name, value: displayValue, placeholder: effectivePlaceholder, readOnly: true, disabled: disabled, cursor: disabled ? 'not-allowed' : 'pointer', onClick: disabled ? undefined : onOpen }) }) }) }), usePortal ? jsx(Portal, { children: popoverContent }) : popoverContent] }) }));
|
|
158
159
|
};
|
|
159
160
|
|
|
160
161
|
export { MonthPicker };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MonthPicker.mjs","sources":["../../../src/components/MonthPicker/MonthPicker.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"
|
|
1
|
+
{"version":3,"file":"MonthPicker.mjs","sources":["../../../src/components/MonthPicker/MonthPicker.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAmCO,MAAM,WAAW,GAA+B,CAAC,EACtD,aAAa,EACb,QAAQ,EACR,OAAO,GAAG,IAAI,EACd,QAAQ,EACR,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,WAAW,EACX,MAAM,EAAE,UAAU;AAClB,SAAS,GAAG,IAAI,EAChB,YAAY,EACZ,IAAI,EACJ,eAAe,GAAG,IAAI,EACtB,IAAI,EACJ,GAAG,QAAQ,EACZ,KAAI;IACH,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;IAC3C,MAAM,MAAM,GAAG,MAAM,SAAS,CAAC,IAAI,CAAC;IACpC,MAAM,OAAO,GAAG,MAAM,SAAS,CAAC,KAAK,CAAC;IACtC,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,GAAG,WAAW,EAAE;AAC1C,IAAA,MAAM,SAAS,GAAG,YAAY,EAAE;AAEhC,IAAA,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,MAC7C,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE,CACzB;IACD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAc,IAAI,CAAC;IACvE,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAGtC,IAAI,CAAC;;AAGf,IAAA,MAAM,UAAU,GAAG,OAAO,CAAC,MAAM,aAAa,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;AACjE,IAAA,MAAM,aAAa,GAAG,OAAO,CAAC,MAAM,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC;IACvE,MAAM,mBAAmB,GAAG,OAAO,CACjC,MAAM,UAAU,IAAI,oBAAoB,CAAC,MAAM,CAAC,EAChD,CAAC,UAAU,EAAE,MAAM,CAAC,CACrB;;IAGD,MAAM,oBAAoB,GACxB,WAAW,IAAK,SAAS,CAAC,yBAAyB,CAAY;AAEjE,IAAA,MAAM,YAAY,GAAG,OAAO,CAAC,MAAK;;AAEhC,QAAA,IAAI,aAAa,EAAE,QAAQ,EAAE;YAC3B,MAAM,KAAK,GAAG,MAAM,CAAC,aAAa,CAAC,UAAU,EAAE,mBAAmB,EAAE;AAClE,gBAAA,MAAM,EAAE,aAAa;AACtB,aAAA,CAAC;YACF,MAAM,GAAG,GAAG,MAAM,CAAC,aAAa,CAAC,QAAQ,EAAE,mBAAmB,EAAE;AAC9D,gBAAA,MAAM,EAAE,aAAa;AACtB,aAAA,CAAC;AACF,YAAA,OAAO,CAAA,EAAG,KAAK,CAAA,GAAA,EAAM,GAAG,EAAE;QAC5B;;AAGA,QAAA,IAAI,aAAa,EAAE,UAAU,IAAI,cAAc,EAAE;AAC/C,YAAA,MAAM,SAAS,GAAG,aAAa,EAAE,UAAU,IAAI,cAAc;YAC7D,IAAI,SAAS,EAAE;AACb,gBAAA,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,EAAE,mBAAmB,EAAE;AACnD,oBAAA,MAAM,EAAE,aAAa;AACtB,iBAAA,CAAC;gBACF,OAAO,OAAO,GAAG,CAAA,EAAG,KAAK,CAAA,EAAA,CAAI,GAAG,KAAK;YACvC;QACF;;AAGA,QAAA,OAAO,EAAE;AACX,IAAA,CAAC,EAAE;QACD,aAAa;QACb,cAAc;QACd,mBAAmB;QACnB,aAAa;QACb,OAAO;AACR,KAAA,CAAC;;AAGF,IAAA,MAAM,qBAAqB,GAAG,OAAO,CAAC,MAAK;QACzC,OAAO,sBAAsB,CAAC,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC;IACpE,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAErC,IAAA,MAAM,qBAAqB,GAAG,OAAO,CAAC,MAAK;QACzC,OAAO,sBAAsB,CAAC,WAAW,GAAG,CAAC,EAAE,QAAQ,EAAE,QAAQ,CAAC;IACpE,CAAC,EAAE,CAAC,WAAW,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAErC,IAAA,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,SAA0B,KAAI;AAC7B,QAAA,MAAM,UAAU,GACd,SAAS,KAAK,MAAM,GAAG,WAAW,GAAG,CAAC,GAAG,WAAW,GAAG,CAAC;;QAG1D,IAAI,sBAAsB,CAAC,UAAU,EAAE,QAAQ,EAAE,QAAQ,CAAC,EAAE;YAC1D,cAAc,CAAC,UAAU,CAAC;;QAE5B;IACF,CAAC,EACD,CAAC,WAAW,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAClC;IAED,MAAM,gBAAgB,GAAG,WAAW,CAClC,CAAC,KAAa,EAAE,IAAY,KAAI;QAC9B,IAAI,eAAe,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,CAAC;YAAE;QAEtD,MAAM,YAAY,GAAG,IAAI,IAAI,CAAC,IAAI,EAAE,KAAK,EAAE,CAAC,CAAC;QAE7C,IAAI,CAAC,OAAO,EAAE;AACZ,YAAA,QAAQ,GAAG;AACT,gBAAA,UAAU,EAAE,YAAY;AACxB,gBAAA,QAAQ,EAAE,IAAI;AACf,aAAA,CAAC;YACF,iBAAiB,CAAC,IAAI,CAAC;AACvB,YAAA,OAAO,EAAE;YACT;QACF;QAEA,IAAI,CAAC,cAAc,EAAE;;YAEnB,IAAI,aAAa,EAAE;AACjB,gBAAA,QAAQ,GAAG,IAAI,CAAC;YAClB;;YAEA,iBAAiB,CAAC,YAAY,CAAC;;AAE/B,YAAA,QAAQ,GAAG,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;QAC1D;aAAO;;YAEL,MAAM,UAAU,GAAG,cAAc;YACjC,MAAM,QAAQ,GAAG,YAAY;AAE7B,YAAA,IAAI,WAAW,CAAC,UAAU,EAAE,QAAQ,CAAC,EAAE;;AAErC,gBAAA,QAAQ,GAAG;oBACT,UAAU;oBACV,QAAQ;AACT,iBAAA,CAAC;YACJ;iBAAO;;AAEL,gBAAA,MAAM,KAAK,GAAe,OAAO,CAAC,UAAU,EAAE,QAAQ;sBAClD,EAAE,UAAU,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU;AAC9C,sBAAE,EAAE,UAAU,EAAE,QAAQ,EAAE;AAE5B,gBAAA,QAAQ,GAAG,KAAK,CAAC;YACnB;YAEA,iBAAiB,CAAC,IAAI,CAAC;AACvB,YAAA,OAAO,EAAE;QACX;AACF,IAAA,CAAC,EACD;QACE,cAAc;QACd,aAAa;QACb,QAAQ;QACR,OAAO;QACP,QAAQ;QACR,QAAQ;QACR,OAAO;AACR,KAAA,CACF;IAED,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,KAAa,EAAE,IAAY,KAAI;AACnE,QAAA,eAAe,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IAClC,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,qBAAqB,GAAG,WAAW,CAAC,MAAK;QAC7C,eAAe,CAAC,IAAI,CAAC;IACvB,CAAC,EAAE,EAAE,CAAC;AAEN,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAK;AACnC,QAAA,QAAQ,GAAG,IAAI,CAAC;QAChB,iBAAiB,CAAC,IAAI,CAAC;AACzB,IAAA,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC;AAEd,IAAA,MAAM,cAAc,IAClBA,GAAA,CAAC,OAAO,CAAC,UAAU,EAAA,EAAA,QAAA,EACjBA,GAAA,CAAC,OAAO,CAAC,OAAO,IAAC,KAAK,EAAC,OAAO,EAAA,QAAA,EAC5BA,GAAA,CAAC,OAAO,CAAC,IAAI,cACXC,IAAA,CAAC,MAAM,EAAA,EAAC,GAAG,EAAE,CAAC,EAAE,KAAK,EAAC,SAAS,EAAA,QAAA,EAAA,CAE7BA,IAAA,CAAC,MAAM,EAAA,EAAC,OAAO,EAAC,eAAe,EAAC,KAAK,EAAC,QAAQ,EAAA,QAAA,EAAA,CAC5CD,GAAA,CAAC,MAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,YAAY,EAAC,SAAS,EACtB,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,MAAM,gBAAgB,CAAC,MAAM,CAAC,EACvC,QAAQ,EAAE,CAAC,qBAAqB,EAChC,OAAO,EAAE,CAAC,qBAAqB,GAAG,GAAG,GAAG,CAAC,EAAA,QAAA,EAEzCA,GAAA,CAAC,cAAc,EAAA,EAAA,CAAG,EAAA,CACX,EAETA,GAAA,CAAC,IAAI,EAAA,EAAC,UAAU,EAAC,UAAU,EAAC,SAAS,EAAC,IAAI,EAAA,QAAA,EACvC,WAAW,EAAA,CACP,EAEPA,GAAA,CAAC,MAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,YAAY,EAAC,SAAS,EACtB,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,MAAM,gBAAgB,CAAC,MAAM,CAAC,EACvC,QAAQ,EAAE,CAAC,qBAAqB,EAChC,OAAO,EAAE,CAAC,qBAAqB,GAAG,GAAG,GAAG,CAAC,EAAA,QAAA,EAEzCA,GAAA,CAAC,gBAAgB,EAAA,EAAA,CAAG,GACb,CAAA,EAAA,CACF,EAGTA,GAAA,CAAC,IAAI,EAAA,EAAC,eAAe,EAAC,gBAAgB,EAAC,GAAG,EAAE,CAAC,EAAA,QAAA,EAC1C,UAAU,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,UAAU,MACpCA,GAAA,CAAC,WAAW,EAAA,EAEV,KAAK,EAAE,UAAU,EACjB,IAAI,EAAE,WAAW,EACjB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,gBAAgB,EACzB,YAAY,EAAE,gBAAgB,EAC9B,YAAY,EAAE,qBAAqB,EAAA,EAX9B,UAAU,CAYf,CACH,CAAC,EAAA,CACG,EAGN,eAAe,KACdA,GAAA,CAAC,MAAM,EAAA,EAAC,GAAG,EAAE,CAAC,EAAE,OAAO,EAAC,UAAU,EAAA,QAAA,EAChCA,GAAA,CAAC,MAAM,EAAA,EACL,IAAI,EAAC,IAAI,EACT,YAAY,EAAC,SAAS,EACtB,OAAO,EAAC,OAAO,EACf,OAAO,EAAE,WAAW,EAAA,QAAA,EAEnB,SAAS,CAAC,OAAO,CAAC,EAAA,CACZ,EAAA,CACF,CACV,CAAA,EAAA,CACM,EAAA,CACI,EAAA,CACC,EAAA,CACC,CACtB;IAED,QACEA,IAAC,GAAG,EAAA,EAAA,GAAK,QAAQ,EAAA,QAAA,EACfC,IAAA,CAAC,OAAO,CAAC,IAAI,IACX,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,CAAC,CAAC,KAAI;AAClB,gBAAA,IAAI,CAAC,CAAC,IAAI,EAAE;AACV,oBAAA,MAAM,EAAE;gBACV;qBAAO;AACL,oBAAA,OAAO,EAAE;gBACX;YACF,CAAC,EACD,WAAW,EAAE,EAAE,SAAS,EAAE,cAAc,EAAE,EAAA,GACtC,YAAY,EAAA,QAAA,EAAA,CAEhBD,GAAA,CAAC,OAAO,CAAC,OAAO,EAAA,EAAA,GAAM,EAAE,OAAO,EAAE,IAAI,EAAU,EAAA,QAAA,EAC7CA,GAAA,CAAC,GAAG,EAAA,EAAA,QAAA,EACFA,GAAA,CAAC,UAAU,EAAA,EACT,YAAY,EACVA,GAAA,CAAC,sBAAsB,EAAA,EACrB,OAAO,EAAE,cAAc,CAAC,IAAI,CAAC,CAAC,WAAW,EACzC,KAAK,EAAC,UAAU,EAAA,CAChB,EAAA,QAAA,EAGJA,GAAA,CAAC,KAAK,EAAA,EACJ,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,YAAY,EACnB,WAAW,EAAE,oBAAoB,EACjC,QAAQ,EAAA,IAAA,EACR,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,QAAQ,GAAG,aAAa,GAAG,SAAS,EAC5C,OAAO,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,EAAA,CACtC,EAAA,CACS,EAAA,CACT,EAAA,CACU,EACjB,SAAS,GAAGA,GAAA,CAAC,MAAM,EAAA,EAAA,QAAA,EAAE,cAAc,EAAA,CAAU,GAAG,cAAc,CAAA,EAAA,CAClD,EAAA,CACX;AAEV;;;;"}
|
|
@@ -1,9 +1,15 @@
|
|
|
1
|
-
import { BoxProps, Popover } from '@chakra-ui/react';
|
|
1
|
+
import { BoxProps, InputProps, Popover } from '@chakra-ui/react';
|
|
2
2
|
export interface MonthRange {
|
|
3
3
|
startMonth: Date;
|
|
4
4
|
endMonth: Date | null;
|
|
5
5
|
}
|
|
6
6
|
export interface MonthPickerProps extends Omit<BoxProps, 'onChange'> {
|
|
7
|
+
/**
|
|
8
|
+
* Size of the trigger field, on the shared control scale (`controlSizes`) —
|
|
9
|
+
* the same height and type as an `Input` / `Button` of that size.
|
|
10
|
+
* @default 'md'
|
|
11
|
+
*/
|
|
12
|
+
size?: InputProps['size'];
|
|
7
13
|
/** The selected month range */
|
|
8
14
|
selectedRange?: MonthRange | null;
|
|
9
15
|
/** Callback when the month range changes */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MonthPicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/MonthPicker/MonthPicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"MonthPicker.types.d.ts","sourceRoot":"","sources":["../../../src/components/MonthPicker/MonthPicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEjE,MAAM,WAAW,UAAU;IACzB,UAAU,EAAE,IAAI,CAAC;IACjB,QAAQ,EAAE,IAAI,GAAG,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC;IAClE;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC,MAAM,CAAC,CAAC;IAE1B,+BAA+B;IAC/B,aAAa,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAElC,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC;IAE9C,2CAA2C;IAC3C,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,IAAI,CAAC;IAEhB,+BAA+B;IAC/B,QAAQ,CAAC,EAAE,IAAI,CAAC;IAEhB,qCAAqC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,qCAAqC;IACrC,WAAW,CAAC,EAAE,MAAM,CAAC;IAErB,+CAA+C;IAC/C,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,4BAA4B;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC;IAE1C,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,uDAAuD;IACvD,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAUhD,OAAO,EACL,sBAAsB,EAEvB,MAAM,0BAA0B,CAAC;AAQlC,eAAO,MAAM,gBAAgB;;;;kDA8I3B,CAAC"}
|
|
@@ -4,32 +4,21 @@
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var react = require('@chakra-ui/react');
|
|
7
|
+
var controlSizes = require('../../theme/controlSizes.js');
|
|
7
8
|
var mergeCss = require('../../utils/mergeCss.js');
|
|
8
9
|
var SegmentedControl_styles = require('./SegmentedControl.styles.js');
|
|
9
10
|
|
|
10
|
-
// Match font sizes to the equivalent Chakra button sizes
|
|
11
|
-
const fontSizeBySize = {
|
|
12
|
-
xs: 'xs',
|
|
13
|
-
sm: 'sm',
|
|
14
|
-
md: 'sm',
|
|
15
|
-
lg: 'md',
|
|
16
|
-
};
|
|
17
|
-
// Item heights so that itemHeight + 2×ROOT_PADDING (4px) equals the Button height for each size
|
|
18
|
-
const itemHeightBySize = {
|
|
19
|
-
xs: '6', // 32 - 8 = 24px
|
|
20
|
-
sm: '7', // 36 - 8 = 28px
|
|
21
|
-
md: '8', // 40 - 8 = 32px
|
|
22
|
-
lg: '9', // 44 - 8 = 36px
|
|
23
|
-
};
|
|
24
11
|
// Root padding in px, not the `1` spacing token: that token is 0.25em, so at a
|
|
25
12
|
// 14px font it is 3.5px, and Ark positions the indicator from the item's
|
|
26
13
|
// integer offsetTop/offsetLeft (3.5 rounds to 4). The thumb then sat 0.5px low
|
|
27
14
|
// and its bottom gap was a pixel narrower than its top.
|
|
28
|
-
const ROOT_PADDING =
|
|
15
|
+
const ROOT_PADDING = `${SegmentedControl_styles.SEGMENT_ROOT_PADDING_PX}px`;
|
|
29
16
|
const SegmentedControl = React.forwardRef(function SegmentedControl(props, ref) {
|
|
30
17
|
const { options, value, onSelect, defaultValue, size = 'md', borderRadius = 'md', css, ...rest } = props;
|
|
31
|
-
|
|
32
|
-
|
|
18
|
+
// Same textStyle as every other control at this size (see controlSizes):
|
|
19
|
+
// the item height is em inside a ScaledContext, so equal type is what keeps
|
|
20
|
+
// the outer height equal to Button's there too.
|
|
21
|
+
const spec = controlSizes.getControlSize(size);
|
|
33
22
|
// Normalize options to the format expected by SegmentGroup.Items
|
|
34
23
|
const items = options.map((option) => ({
|
|
35
24
|
value: option.value,
|
|
@@ -85,7 +74,7 @@ const SegmentedControl = React.forwardRef(function SegmentedControl(props, ref)
|
|
|
85
74
|
}, css), children: [jsxRuntime.jsx(react.SegmentGroup.Indicator, { borderRadius: indicatorRadius,
|
|
86
75
|
// `travel`, delivered through custom properties — see the comment on
|
|
87
76
|
// `indicatorTravel` for why the ordinary preset cannot reach this part.
|
|
88
|
-
css: SegmentedControl_styles.indicatorTravel }), items.map((item) => (jsxRuntime.jsxs(react.SegmentGroup.Item, { value: item.value, disabled: item.disabled, cursor: item.disabled ? 'not-allowed' : 'pointer', flex: "1", height:
|
|
77
|
+
css: SegmentedControl_styles.indicatorTravel }), items.map((item) => (jsxRuntime.jsxs(react.SegmentGroup.Item, { value: item.value, disabled: item.disabled, cursor: item.disabled ? 'not-allowed' : 'pointer', flex: "1", height: SegmentedControl_styles.segmentItemHeight(size), textStyle: spec.textStyle, px: spec.actionPaddingX, gap: spec.gap, _hover: { bg: 'transparent' }, children: [jsxRuntime.jsx(react.SegmentGroup.ItemText, { "data-text": typeof item.label === 'string' ? item.label : undefined, color: "fg.muted", fontWeight: "500", whiteSpace: "nowrap", display: "inline-flex", flexDirection: "column", alignItems: "center", css: {
|
|
89
78
|
'&::after': {
|
|
90
79
|
content: 'attr(data-text)',
|
|
91
80
|
fontWeight: '600',
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsxs","SegmentGroup","mergeCss","_jsx","indicatorTravel"],"mappings":"
|
|
1
|
+
{"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["SEGMENT_ROOT_PADDING_PX","forwardRef","getControlSize","_jsxs","SegmentGroup","mergeCss","_jsx","indicatorTravel","segmentItemHeight"],"mappings":"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"}
|