@medusajs/ui 2.0.0 → 2.1.0

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.
Files changed (65) hide show
  1. package/dist/cjs/components/button/button.js +8 -8
  2. package/dist/cjs/components/button/button.js.map +1 -1
  3. package/dist/cjs/components/calendar/calendar.js +1 -1
  4. package/dist/cjs/components/calendar/calendar.js.map +1 -1
  5. package/dist/cjs/components/checkbox/checkbox.js +1 -1
  6. package/dist/cjs/components/checkbox/checkbox.js.map +1 -1
  7. package/dist/cjs/components/command-bar/command-bar.js +5 -5
  8. package/dist/cjs/components/command-bar/command-bar.js.map +1 -1
  9. package/dist/cjs/components/currency-input/currency-input.js +10 -6
  10. package/dist/cjs/components/currency-input/currency-input.js.map +1 -1
  11. package/dist/cjs/components/date-picker/date-picker.js +139 -67
  12. package/dist/cjs/components/date-picker/date-picker.js.map +1 -1
  13. package/dist/cjs/components/dropdown-menu/dropdown-menu.js +7 -7
  14. package/dist/cjs/components/dropdown-menu/dropdown-menu.js.map +1 -1
  15. package/dist/cjs/components/icon-button/icon-button.js +8 -8
  16. package/dist/cjs/components/icon-button/icon-button.js.map +1 -1
  17. package/dist/cjs/components/input/input.js +1 -1
  18. package/dist/cjs/components/input/input.js.map +1 -1
  19. package/dist/cjs/components/radio-group/radio-group.d.ts +5 -0
  20. package/dist/cjs/components/radio-group/radio-group.js +25 -4
  21. package/dist/cjs/components/radio-group/radio-group.js.map +1 -1
  22. package/dist/cjs/components/select/select.js +3 -7
  23. package/dist/cjs/components/select/select.js.map +1 -1
  24. package/dist/cjs/components/table/table.js +3 -4
  25. package/dist/cjs/components/table/table.js.map +1 -1
  26. package/dist/cjs/components/text/text.d.ts +1 -0
  27. package/dist/cjs/components/text/text.js +64 -7
  28. package/dist/cjs/components/text/text.js.map +1 -1
  29. package/dist/cjs/components/textarea/textarea.js +1 -1
  30. package/dist/cjs/components/textarea/textarea.js.map +1 -1
  31. package/dist/cjs/components/time-input/time-input.js +1 -1
  32. package/dist/cjs/components/time-input/time-input.js.map +1 -1
  33. package/dist/esm/components/button/button.js +8 -8
  34. package/dist/esm/components/button/button.js.map +1 -1
  35. package/dist/esm/components/calendar/calendar.js +1 -1
  36. package/dist/esm/components/calendar/calendar.js.map +1 -1
  37. package/dist/esm/components/checkbox/checkbox.js +1 -1
  38. package/dist/esm/components/checkbox/checkbox.js.map +1 -1
  39. package/dist/esm/components/command-bar/command-bar.js +5 -5
  40. package/dist/esm/components/command-bar/command-bar.js.map +1 -1
  41. package/dist/esm/components/currency-input/currency-input.js +10 -6
  42. package/dist/esm/components/currency-input/currency-input.js.map +1 -1
  43. package/dist/esm/components/date-picker/date-picker.js +139 -67
  44. package/dist/esm/components/date-picker/date-picker.js.map +1 -1
  45. package/dist/esm/components/dropdown-menu/dropdown-menu.js +7 -7
  46. package/dist/esm/components/dropdown-menu/dropdown-menu.js.map +1 -1
  47. package/dist/esm/components/icon-button/icon-button.js +8 -8
  48. package/dist/esm/components/icon-button/icon-button.js.map +1 -1
  49. package/dist/esm/components/input/input.js +1 -1
  50. package/dist/esm/components/input/input.js.map +1 -1
  51. package/dist/esm/components/radio-group/radio-group.d.ts +5 -0
  52. package/dist/esm/components/radio-group/radio-group.js +25 -4
  53. package/dist/esm/components/radio-group/radio-group.js.map +1 -1
  54. package/dist/esm/components/select/select.js +4 -8
  55. package/dist/esm/components/select/select.js.map +1 -1
  56. package/dist/esm/components/table/table.js +3 -4
  57. package/dist/esm/components/table/table.js.map +1 -1
  58. package/dist/esm/components/text/text.d.ts +1 -0
  59. package/dist/esm/components/text/text.js +64 -7
  60. package/dist/esm/components/text/text.js.map +1 -1
  61. package/dist/esm/components/textarea/textarea.js +1 -1
  62. package/dist/esm/components/textarea/textarea.js.map +1 -1
  63. package/dist/esm/components/time-input/time-input.js +1 -1
  64. package/dist/esm/components/time-input/time-input.js.map +1 -1
  65. package/package.json +3 -3
@@ -1 +1 @@
1
- {"version":3,"file":"time-input.js","sourceRoot":"","sources":["../../../../src/components/time-input/time-input.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport {\n AriaTimeFieldProps,\n TimeValue,\n useDateSegment,\n useTimeField,\n} from \"@react-aria/datepicker\"\nimport {\n useTimeFieldState,\n type DateFieldState,\n type DateSegment,\n} from \"@react-stately/datepicker\"\nimport * as React from \"react\"\n\nimport { inputBaseStyles } from \"@/components/input\"\nimport { clx } from \"@/utils/clx\"\n\ntype TimeSegmentProps = {\n segment: DateSegment\n state: DateFieldState\n}\n\nconst TimeSegment = ({ segment, state }: TimeSegmentProps) => {\n const ref = React.useRef<HTMLDivElement>(null)\n const { segmentProps } = useDateSegment(segment, state, ref)\n\n const isColon = segment.type === \"literal\" && segment.text === \":\"\n const isSpace = segment.type === \"literal\" && segment.text === \" \"\n\n const isDecorator = isColon || isSpace\n\n return (\n <div\n {...segmentProps}\n ref={ref}\n className={clx(\n \"txt-compact-medium w-full rounded-md border px-2 py-[5px] text-left uppercase tabular-nums\",\n inputBaseStyles,\n \"group-aria-[invalid=true]/time-input:!border-ui-border-error group-aria-[invalid=true]/time-input:focus:!shadow-borders-error group-invalid/time-input:!border-ui-border-error group-invalid/time-input:focus:!shadow-borders-error\",\n {\n \"text-ui-fg-muted !w-fit border-none bg-transparent px-0 shadow-none\":\n isDecorator,\n hidden: isSpace,\n \"text-ui-fg-disabled bg-ui-bg-disabled border-ui-border-base shadow-none\":\n state.isDisabled,\n \"!text-ui-fg-muted !bg-transparent\": !segment.isEditable,\n }\n )}\n >\n <span\n aria-hidden=\"true\"\n className={clx(\n \"txt-compact-medium text-ui-fg-muted pointer-events-none block w-full text-left\",\n {\n hidden: !segment.isPlaceholder,\n \"h-0\": !segment.isPlaceholder,\n }\n )}\n >\n {segment.placeholder}\n </span>\n {segment.isPlaceholder ? \"\" : segment.text}\n </div>\n )\n}\n\ntype TimeInputProps = Omit<\n AriaTimeFieldProps<TimeValue>,\n \"label\" | \"shouldForceLeadingZeros\" | \"description\" | \"errorMessage\"\n>\n\nconst TimeInput = React.forwardRef<HTMLDivElement, TimeInputProps>(\n ({ hourCycle, ...props }: TimeInputProps, ref) => {\n const innerRef = React.useRef<HTMLDivElement>(null)\n\n React.useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(\n ref,\n () => innerRef?.current\n )\n\n const locale = window !== undefined ? window.navigator.language : \"en-US\"\n\n const state = useTimeFieldState({\n hourCycle: hourCycle,\n locale: locale,\n shouldForceLeadingZeros: true,\n autoFocus: true,\n ...props,\n })\n\n const { fieldProps } = useTimeField(\n {\n ...props,\n hourCycle: hourCycle,\n shouldForceLeadingZeros: true,\n },\n state,\n innerRef\n )\n\n return (\n <div\n {...fieldProps}\n ref={innerRef}\n className=\"group/time-input inline-flex w-full gap-x-2\"\n >\n {state.segments.map((segment, i) => (\n <TimeSegment key={i} segment={segment} state={state} />\n ))}\n </div>\n )\n }\n)\nTimeInput.displayName = \"TimeInput\"\n\nexport { TimeInput }\n"]}
1
+ {"version":3,"file":"time-input.js","sourceRoot":"","sources":["../../../../src/components/time-input/time-input.tsx"],"names":[],"mappings":"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","sourcesContent":["\"use client\"\n\nimport {\n AriaTimeFieldProps,\n TimeValue,\n useDateSegment,\n useTimeField,\n} from \"@react-aria/datepicker\"\nimport {\n useTimeFieldState,\n type DateFieldState,\n type DateSegment,\n} from \"@react-stately/datepicker\"\nimport * as React from \"react\"\n\nimport { inputBaseStyles } from \"@/components/input\"\nimport { clx } from \"@/utils/clx\"\n\ntype TimeSegmentProps = {\n segment: DateSegment\n state: DateFieldState\n}\n\nconst TimeSegment = ({ segment, state }: TimeSegmentProps) => {\n const ref = React.useRef<HTMLDivElement>(null)\n\n const { segmentProps } = useDateSegment(segment, state, ref)\n\n const isColon = segment.type === \"literal\" && segment.text === \":\"\n const isSpace = segment.type === \"literal\" && segment.text === \" \"\n\n const isDecorator = isColon || isSpace\n\n return (\n <div\n {...segmentProps}\n ref={ref}\n className={clx(\n \"txt-compact-medium w-full rounded-md px-2 py-[5px] text-left uppercase tabular-nums\",\n inputBaseStyles,\n \"group-aria-[invalid=true]/time-input:!shadow-borders-error group-invalid/time-input:!shadow-borders-error\",\n {\n \"text-ui-fg-muted !w-fit border-none bg-transparent px-0 shadow-none\":\n isDecorator,\n hidden: isSpace,\n \"text-ui-fg-disabled bg-ui-bg-disabled border-ui-border-base shadow-none\":\n state.isDisabled,\n \"!text-ui-fg-muted !bg-transparent\": !segment.isEditable,\n }\n )}\n >\n <span\n aria-hidden=\"true\"\n className={clx(\n \"txt-compact-medium text-ui-fg-muted pointer-events-none block w-full text-left\",\n {\n hidden: !segment.isPlaceholder,\n \"h-0\": !segment.isPlaceholder,\n }\n )}\n >\n {segment.placeholder}\n </span>\n {segment.isPlaceholder ? \"\" : segment.text}\n </div>\n )\n}\n\ntype TimeInputProps = Omit<\n AriaTimeFieldProps<TimeValue>,\n \"label\" | \"shouldForceLeadingZeros\" | \"description\" | \"errorMessage\"\n>\n\nconst TimeInput = React.forwardRef<HTMLDivElement, TimeInputProps>(\n ({ hourCycle, ...props }: TimeInputProps, ref) => {\n const innerRef = React.useRef<HTMLDivElement>(null)\n\n React.useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(\n ref,\n () => innerRef?.current\n )\n\n const locale = window !== undefined ? window.navigator.language : \"en-US\"\n\n const state = useTimeFieldState({\n hourCycle: hourCycle,\n locale: locale,\n shouldForceLeadingZeros: true,\n autoFocus: true,\n ...props,\n })\n\n const { fieldProps } = useTimeField(\n {\n ...props,\n hourCycle: hourCycle,\n shouldForceLeadingZeros: true,\n },\n state,\n innerRef\n )\n\n return (\n <div\n {...fieldProps}\n ref={innerRef}\n className=\"group/time-input inline-flex w-full gap-x-2\"\n >\n {state.segments.map((segment, i) => (\n <TimeSegment key={i} segment={segment} state={state} />\n ))}\n </div>\n )\n }\n)\nTimeInput.displayName = \"TimeInput\"\n\nexport { TimeInput }\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@medusajs/ui",
3
- "version": "2.0.0",
3
+ "version": "2.1.0",
4
4
  "author": "Kasper Kristensen <kasper@medusajs.com>",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -44,7 +44,7 @@
44
44
  "devDependencies": {
45
45
  "@medusajs/eslint-config-ui": "*",
46
46
  "@medusajs/tsconfig-ui": "*",
47
- "@medusajs/ui-preset": "^1.0.1",
47
+ "@medusajs/ui-preset": "^1.0.2",
48
48
  "@storybook/addon-essentials": "^7.0.23",
49
49
  "@storybook/addon-interactions": "^7.0.23",
50
50
  "@storybook/addon-links": "^7.0.23",
@@ -94,7 +94,7 @@
94
94
  "@radix-ui/react-portal": "^1.0.3",
95
95
  "@radix-ui/react-radio-group": "^1.1.3",
96
96
  "@radix-ui/react-scroll-area": "^1.0.4",
97
- "@radix-ui/react-select": "^1.2.2",
97
+ "@radix-ui/react-select": "^2.0.0",
98
98
  "@radix-ui/react-slot": "^1.0.2",
99
99
  "@radix-ui/react-switch": "^1.0.3",
100
100
  "@radix-ui/react-tabs": "^1.0.4",