@powerhousedao/document-engineering 1.11.0 → 1.13.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.
- package/dist/src/scalars/components/amount-field/amount-field-validations.d.ts +1 -1
- package/dist/src/scalars/components/amount-field/amount-field-validations.d.ts.map +1 -1
- package/dist/src/scalars/components/amount-field/amount-field-validations.js +1 -12
- package/dist/src/scalars/components/amount-field/amount-field-validations.js.map +1 -1
- package/dist/src/scalars/components/country-code-field/country-code-field.d.ts +2 -7
- package/dist/src/scalars/components/country-code-field/country-code-field.d.ts.map +1 -1
- package/dist/src/scalars/components/country-code-field/country-code-field.js +4 -29
- package/dist/src/scalars/components/country-code-field/country-code-field.js.map +1 -1
- package/dist/src/scalars/components/country-code-field/index.d.ts +2 -1
- package/dist/src/scalars/components/country-code-field/index.d.ts.map +1 -1
- package/dist/src/scalars/components/country-code-field/index.js +1 -1
- package/dist/src/scalars/components/country-code-field/index.js.map +1 -1
- package/dist/src/scalars/components/country-code-field/types.d.ts +4 -10
- package/dist/src/scalars/components/country-code-field/types.d.ts.map +1 -1
- package/dist/src/scalars/components/enum-field/enum-field.d.ts.map +1 -1
- package/dist/src/scalars/components/enum-field/enum-field.js +4 -2
- package/dist/src/scalars/components/enum-field/enum-field.js.map +1 -1
- package/dist/src/ui/components/data-entry/amount-input/amount-input.d.ts +6 -2
- package/dist/src/ui/components/data-entry/amount-input/amount-input.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/amount-input/amount-input.js +3 -5
- package/dist/src/ui/components/data-entry/amount-input/amount-input.js.map +1 -1
- package/dist/src/ui/components/data-entry/amount-input/use-amount-input.d.ts +1 -1
- package/dist/src/ui/components/data-entry/amount-input/use-amount-input.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/amount-input/use-amount-input.js.map +1 -1
- package/dist/src/ui/components/data-entry/amount-input/utils.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/amount-input/utils.js +1 -2
- package/dist/src/ui/components/data-entry/amount-input/utils.js.map +1 -1
- package/dist/src/ui/components/data-entry/checkbox/checkbox.d.ts +2 -2
- package/dist/src/ui/components/data-entry/checkbox/checkbox.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/checkbox/checkbox.js +8 -2
- package/dist/src/ui/components/data-entry/checkbox/checkbox.js.map +1 -1
- package/dist/src/ui/components/data-entry/checkbox/subcomponents/checkbox-diff.d.ts +15 -0
- package/dist/src/ui/components/data-entry/checkbox/subcomponents/checkbox-diff.d.ts.map +1 -0
- package/dist/src/ui/components/data-entry/checkbox/subcomponents/checkbox-diff.js +30 -0
- package/dist/src/ui/components/data-entry/checkbox/subcomponents/checkbox-diff.js.map +1 -0
- package/dist/src/ui/components/data-entry/country-code-picker/country-code-picker-diff.d.ts +9 -0
- package/dist/src/ui/components/data-entry/country-code-picker/country-code-picker-diff.d.ts.map +1 -0
- package/dist/src/ui/components/data-entry/country-code-picker/country-code-picker-diff.js +8 -0
- package/dist/src/ui/components/data-entry/country-code-picker/country-code-picker-diff.js.map +1 -0
- package/dist/src/ui/components/data-entry/country-code-picker/country-code-picker.d.ts +5 -0
- package/dist/src/ui/components/data-entry/country-code-picker/country-code-picker.d.ts.map +1 -0
- package/dist/src/ui/components/data-entry/country-code-picker/country-code-picker.js +50 -0
- package/dist/src/ui/components/data-entry/country-code-picker/country-code-picker.js.map +1 -0
- package/dist/src/ui/components/data-entry/country-code-picker/index.d.ts +3 -0
- package/dist/src/ui/components/data-entry/country-code-picker/index.d.ts.map +1 -0
- package/dist/src/ui/components/data-entry/country-code-picker/index.js +2 -0
- package/dist/src/ui/components/data-entry/country-code-picker/index.js.map +1 -0
- package/dist/src/ui/components/data-entry/country-code-picker/types.d.ts +16 -0
- package/dist/src/ui/components/data-entry/country-code-picker/types.d.ts.map +1 -0
- package/dist/src/ui/components/data-entry/country-code-picker/types.js +2 -0
- package/dist/src/ui/components/data-entry/country-code-picker/types.js.map +1 -0
- package/dist/src/ui/components/data-entry/currency-code-picker/currency-code-picker-diff.d.ts +9 -0
- package/dist/src/ui/components/data-entry/currency-code-picker/currency-code-picker-diff.d.ts.map +1 -0
- package/dist/src/ui/components/data-entry/currency-code-picker/currency-code-picker-diff.js +8 -0
- package/dist/src/ui/components/data-entry/currency-code-picker/currency-code-picker-diff.js.map +1 -0
- package/dist/src/ui/components/data-entry/currency-code-picker/currency-code-picker.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/currency-code-picker/currency-code-picker.js +24 -4
- package/dist/src/ui/components/data-entry/currency-code-picker/currency-code-picker.js.map +1 -1
- package/dist/src/ui/components/data-entry/currency-code-picker/types.d.ts +6 -6
- package/dist/src/ui/components/data-entry/currency-code-picker/types.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/date-picker/date-picker.d.ts +2 -2
- package/dist/src/ui/components/data-entry/date-picker/date-picker.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/date-picker/date-picker.js +38 -29
- package/dist/src/ui/components/data-entry/date-picker/date-picker.js.map +1 -1
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/date-picker-diff/date-picker-diff.d.ts +13 -0
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/date-picker-diff/date-picker-diff.d.ts.map +1 -0
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/date-picker-diff/date-picker-diff.js +16 -0
- package/dist/src/ui/components/data-entry/date-picker/subcomponents/date-picker-diff/date-picker-diff.js.map +1 -0
- package/dist/src/ui/components/data-entry/date-time-picker/base-picker.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/date-time-picker/base-picker.js +4 -4
- package/dist/src/ui/components/data-entry/date-time-picker/base-picker.js.map +1 -1
- package/dist/src/ui/components/data-entry/date-time-picker/date-time-picker.d.ts +2 -2
- package/dist/src/ui/components/data-entry/date-time-picker/date-time-picker.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/date-time-picker/date-time-picker.js +17 -9
- package/dist/src/ui/components/data-entry/date-time-picker/date-time-picker.js.map +1 -1
- package/dist/src/ui/components/data-entry/date-time-picker/subcomponent/date-time-picker-diff.d.ts +15 -0
- package/dist/src/ui/components/data-entry/date-time-picker/subcomponent/date-time-picker-diff.d.ts.map +1 -0
- package/dist/src/ui/components/data-entry/date-time-picker/subcomponent/date-time-picker-diff.js +24 -0
- package/dist/src/ui/components/data-entry/date-time-picker/subcomponent/date-time-picker-diff.js.map +1 -0
- package/dist/src/ui/components/data-entry/date-time-picker/use-date-time-picker.d.ts +1 -0
- package/dist/src/ui/components/data-entry/date-time-picker/use-date-time-picker.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/date-time-picker/use-date-time-picker.js +1 -1
- package/dist/src/ui/components/data-entry/date-time-picker/use-date-time-picker.js.map +1 -1
- package/dist/src/ui/components/data-entry/input/splitted-input-diff.d.ts +2 -2
- package/dist/src/ui/components/data-entry/input/splitted-input-diff.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/input/splitted-input-diff.js +2 -2
- package/dist/src/ui/components/data-entry/input/splitted-input-diff.js.map +1 -1
- package/dist/src/ui/components/data-entry/input/subcomponent/input-diff.d.ts +2 -2
- package/dist/src/ui/components/data-entry/input/subcomponent/input-diff.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/input/subcomponent/input-diff.js +2 -2
- package/dist/src/ui/components/data-entry/input/subcomponent/input-diff.js.map +1 -1
- package/dist/src/ui/components/data-entry/input/subcomponent/text-diff.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/input/subcomponent/text-diff.js +56 -21
- package/dist/src/ui/components/data-entry/input/subcomponent/text-diff.js.map +1 -1
- package/dist/src/ui/components/data-entry/number-input/number-input.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/number-input/number-input.js +26 -21
- package/dist/src/ui/components/data-entry/number-input/number-input.js.map +1 -1
- package/dist/src/ui/components/data-entry/number-input/types.d.ts +2 -2
- package/dist/src/ui/components/data-entry/number-input/types.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/number-input/use-number-input.d.ts +1 -5
- package/dist/src/ui/components/data-entry/number-input/use-number-input.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/number-input/use-number-input.js +4 -14
- package/dist/src/ui/components/data-entry/number-input/use-number-input.js.map +1 -1
- package/dist/src/ui/components/data-entry/select/command-list-item.d.ts +1 -1
- package/dist/src/ui/components/data-entry/select/command-list-item.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/select/command-list-item.js +2 -2
- package/dist/src/ui/components/data-entry/select/command-list-item.js.map +1 -1
- package/dist/src/ui/components/data-entry/select/content.d.ts +0 -1
- package/dist/src/ui/components/data-entry/select/content.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/select/content.js +8 -7
- package/dist/src/ui/components/data-entry/select/content.js.map +1 -1
- package/dist/src/ui/components/data-entry/select/select-diff.d.ts +4 -3
- package/dist/src/ui/components/data-entry/select/select-diff.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/select/select-diff.js +2 -2
- package/dist/src/ui/components/data-entry/select/select-diff.js.map +1 -1
- package/dist/src/ui/components/data-entry/select/select.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/select/select.js +16 -14
- package/dist/src/ui/components/data-entry/select/select.js.map +1 -1
- package/dist/src/ui/components/data-entry/select/selected-content.d.ts +0 -1
- package/dist/src/ui/components/data-entry/select/selected-content.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/select/selected-content.js +4 -4
- package/dist/src/ui/components/data-entry/select/selected-content.js.map +1 -1
- package/dist/src/ui/components/data-entry/select/types.d.ts +7 -9
- package/dist/src/ui/components/data-entry/select/types.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/select/use-select.js +1 -1
- package/dist/src/ui/components/data-entry/select/use-select.js.map +1 -1
- package/dist/src/ui/components/data-entry/text-input/text-input-diff.d.ts +2 -2
- package/dist/src/ui/components/data-entry/text-input/text-input-diff.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/text-input/text-input-diff.js +2 -2
- package/dist/src/ui/components/data-entry/text-input/text-input-diff.js.map +1 -1
- package/dist/src/ui/components/data-entry/time-picker/time-picker.d.ts +2 -2
- package/dist/src/ui/components/data-entry/time-picker/time-picker.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/time-picker/time-picker.js +17 -6
- package/dist/src/ui/components/data-entry/time-picker/time-picker.js.map +1 -1
- package/dist/src/ui/components/data-entry/url-input/types.d.ts +2 -4
- package/dist/src/ui/components/data-entry/url-input/types.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/url-input/url-input-diff.d.ts +1 -1
- package/dist/src/ui/components/data-entry/url-input/url-input-diff.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/url-input/url-input-diff.js +2 -2
- package/dist/src/ui/components/data-entry/url-input/url-input-diff.js.map +1 -1
- package/dist/src/ui/components/data-entry/url-input/url-input.d.ts.map +1 -1
- package/dist/src/ui/components/data-entry/url-input/url-input.js +2 -2
- package/dist/src/ui/components/data-entry/url-input/url-input.js.map +1 -1
- package/dist/src/ui/components/icon-components/ArrowDownUp.d.ts +7 -0
- package/dist/src/ui/components/icon-components/ArrowDownUp.d.ts.map +1 -0
- package/dist/src/ui/components/icon-components/ArrowDownUp.js +7 -0
- package/dist/src/ui/components/icon-components/ArrowDownUp.js.map +1 -0
- package/dist/src/ui/components/icon-components/index.d.ts +1 -1
- package/dist/src/ui/components/icon-components/index.d.ts.map +1 -1
- package/dist/src/ui/components/icon-components/index.js +3 -0
- package/dist/src/ui/components/icon-components/index.js.map +1 -1
- package/dist/src/ui/components/index.d.ts +2 -0
- package/dist/src/ui/components/index.d.ts.map +1 -1
- package/dist/src/ui/components/index.js +2 -0
- package/dist/src/ui/components/index.js.map +1 -1
- package/dist/src/ui/components/object-set-table/examples/api-usage/api-usage.d.ts.map +1 -1
- package/dist/src/ui/components/object-set-table/examples/api-usage/api-usage.js +5 -2
- package/dist/src/ui/components/object-set-table/examples/api-usage/api-usage.js.map +1 -1
- package/dist/src/ui/components/object-set-table/examples/computed-columns/computed-columns.d.ts +3 -1
- package/dist/src/ui/components/object-set-table/examples/computed-columns/computed-columns.d.ts.map +1 -1
- package/dist/src/ui/components/object-set-table/examples/computed-columns/computed-columns.js +3 -2
- package/dist/src/ui/components/object-set-table/examples/computed-columns/computed-columns.js.map +1 -1
- package/dist/src/ui/components/object-set-table/examples/custom-rendering/custom-rendering.d.ts +3 -1
- package/dist/src/ui/components/object-set-table/examples/custom-rendering/custom-rendering.d.ts.map +1 -1
- package/dist/src/ui/components/object-set-table/examples/custom-rendering/custom-rendering.js +5 -2
- package/dist/src/ui/components/object-set-table/examples/custom-rendering/custom-rendering.js.map +1 -1
- package/dist/src/ui/components/object-set-table/index.d.ts +2 -0
- package/dist/src/ui/components/object-set-table/index.d.ts.map +1 -1
- package/dist/src/ui/components/object-set-table/index.js +2 -0
- package/dist/src/ui/components/object-set-table/index.js.map +1 -1
- package/dist/src/ui/components/object-set-table/logic/selection-manager.d.ts.map +1 -1
- package/dist/src/ui/components/object-set-table/logic/selection-manager.js +2 -0
- package/dist/src/ui/components/object-set-table/logic/selection-manager.js.map +1 -1
- package/dist/src/ui/components/object-set-table/logic/table-api.d.ts +33 -2
- package/dist/src/ui/components/object-set-table/logic/table-api.d.ts.map +1 -1
- package/dist/src/ui/components/object-set-table/logic/table-api.js +53 -0
- package/dist/src/ui/components/object-set-table/logic/table-api.js.map +1 -1
- package/dist/src/ui/components/object-set-table/logic/types.d.ts +9 -1
- package/dist/src/ui/components/object-set-table/logic/types.d.ts.map +1 -1
- package/dist/src/ui/components/object-set-table/mock-data.js +14 -14
- package/dist/src/ui/components/object-set-table/mock-data.js.map +1 -1
- package/dist/src/ui/components/object-set-table/object-set-table.d.ts +1 -1
- package/dist/src/ui/components/object-set-table/object-set-table.d.ts.map +1 -1
- package/dist/src/ui/components/object-set-table/object-set-table.js +12 -5
- package/dist/src/ui/components/object-set-table/object-set-table.js.map +1 -1
- package/dist/src/ui/components/object-set-table/subcomponents/body.d.ts +2 -6
- package/dist/src/ui/components/object-set-table/subcomponents/body.d.ts.map +1 -1
- package/dist/src/ui/components/object-set-table/subcomponents/body.js +7 -106
- package/dist/src/ui/components/object-set-table/subcomponents/body.js.map +1 -1
- package/dist/src/ui/components/object-set-table/subcomponents/cells/render-cell.d.ts +11 -0
- package/dist/src/ui/components/object-set-table/subcomponents/cells/render-cell.d.ts.map +1 -0
- package/dist/src/ui/components/object-set-table/subcomponents/cells/render-cell.js +62 -0
- package/dist/src/ui/components/object-set-table/subcomponents/cells/render-cell.js.map +1 -0
- package/dist/src/ui/components/object-set-table/subcomponents/default-cell-renderers/get-render-fn.d.ts +2 -2
- package/dist/src/ui/components/object-set-table/subcomponents/default-cell-renderers/get-render-fn.d.ts.map +1 -1
- package/dist/src/ui/components/object-set-table/subcomponents/default-cell-renderers/get-render-fn.js.map +1 -1
- package/dist/src/ui/components/object-set-table/subcomponents/default-fns/default-column-config.d.ts +2 -2
- package/dist/src/ui/components/object-set-table/subcomponents/default-fns/default-column-config.d.ts.map +1 -1
- package/dist/src/ui/components/object-set-table/subcomponents/default-fns/default-column-config.js +2 -2
- package/dist/src/ui/components/object-set-table/subcomponents/default-fns/default-column-config.js.map +1 -1
- package/dist/src/ui/components/object-set-table/subcomponents/default-header-renderers/{default-header.renderer.d.ts → default-header-renderer.d.ts} +1 -1
- package/dist/src/ui/components/object-set-table/subcomponents/default-header-renderers/default-header-renderer.d.ts.map +1 -0
- package/dist/src/ui/components/object-set-table/subcomponents/default-header-renderers/default-header-renderer.js +36 -0
- package/dist/src/ui/components/object-set-table/subcomponents/default-header-renderers/default-header-renderer.js.map +1 -0
- package/dist/src/ui/components/object-set-table/subcomponents/default-sort-columns/default-sort-fns.d.ts +3 -0
- package/dist/src/ui/components/object-set-table/subcomponents/default-sort-columns/default-sort-fns.d.ts.map +1 -0
- package/dist/src/ui/components/object-set-table/subcomponents/default-sort-columns/default-sort-fns.js +17 -0
- package/dist/src/ui/components/object-set-table/subcomponents/default-sort-columns/default-sort-fns.js.map +1 -0
- package/dist/src/ui/components/object-set-table/subcomponents/header.d.ts.map +1 -1
- package/dist/src/ui/components/object-set-table/subcomponents/header.js +32 -17
- package/dist/src/ui/components/object-set-table/subcomponents/header.js.map +1 -1
- package/dist/src/ui/components/object-set-table/subcomponents/rows/render-row.d.ts +9 -0
- package/dist/src/ui/components/object-set-table/subcomponents/rows/render-row.d.ts.map +1 -0
- package/dist/src/ui/components/object-set-table/subcomponents/rows/render-row.js +62 -0
- package/dist/src/ui/components/object-set-table/subcomponents/rows/render-row.js.map +1 -0
- package/dist/src/ui/components/object-set-table/subcomponents/sort-indicator.d.ts +7 -0
- package/dist/src/ui/components/object-set-table/subcomponents/sort-indicator.d.ts.map +1 -0
- package/dist/src/ui/components/object-set-table/subcomponents/sort-indicator.js +7 -0
- package/dist/src/ui/components/object-set-table/subcomponents/sort-indicator.js.map +1 -0
- package/dist/src/ui/components/object-set-table/subcomponents/table-provider/table-provider.d.ts +1 -1
- package/dist/src/ui/components/object-set-table/subcomponents/table-provider/table-provider.d.ts.map +1 -1
- package/dist/src/ui/components/object-set-table/subcomponents/table-provider/table-provider.js +2 -0
- package/dist/src/ui/components/object-set-table/subcomponents/table-provider/table-provider.js.map +1 -1
- package/dist/src/ui/components/object-set-table/subcomponents/table-provider/table-reducer.d.ts +19 -1
- package/dist/src/ui/components/object-set-table/subcomponents/table-provider/table-reducer.d.ts.map +1 -1
- package/dist/src/ui/components/object-set-table/subcomponents/table-provider/table-reducer.js +49 -6
- package/dist/src/ui/components/object-set-table/subcomponents/table-provider/table-reducer.js.map +1 -1
- package/dist/src/ui/components/object-set-table/types.d.ts +64 -3
- package/dist/src/ui/components/object-set-table/types.d.ts.map +1 -1
- package/dist/style.css +310 -32
- package/dist/tsconfig.lib.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/dist/src/ui/components/object-set-table/subcomponents/default-header-renderers/default-header.renderer.d.ts.map +0 -1
- package/dist/src/ui/components/object-set-table/subcomponents/default-header-renderers/default-header.renderer.js +0 -16
- package/dist/src/ui/components/object-set-table/subcomponents/default-header-renderers/default-header.renderer.js.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-number-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/number-input/use-number-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,
|
|
1
|
+
{"version":3,"file":"use-number-input.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/number-input/use-number-input.ts"],"names":[],"mappings":"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"}
|
|
@@ -9,7 +9,7 @@ interface FavoriteOptionsProps {
|
|
|
9
9
|
hasAnyIcon: boolean;
|
|
10
10
|
toggleOption: (value: string) => void;
|
|
11
11
|
tabIndex?: number;
|
|
12
|
-
|
|
12
|
+
className?: string;
|
|
13
13
|
}
|
|
14
14
|
export declare const CommandListItem: React.FC<FavoriteOptionsProps>;
|
|
15
15
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"command-list-item.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/select/command-list-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7C,UAAU,oBAAoB;IAC5B,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAC/B,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,MAAM,GAAG,WAAW,CAAA;IACnC,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,UAAU,EAAE,OAAO,CAAA;IACnB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,
|
|
1
|
+
{"version":3,"file":"command-list-item.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/select/command-list-item.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7C,UAAU,oBAAoB;IAC5B,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAC/B,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,aAAa,EAAE,MAAM,GAAG,WAAW,CAAA;IACnC,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,UAAU,EAAE,OAAO,CAAA;IACnB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AASD,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAsF1D,CAAA"}
|
|
@@ -8,14 +8,14 @@ const renderIcon = (IconComponent) => {
|
|
|
8
8
|
}
|
|
9
9
|
return IconComponent && _jsx(IconComponent, { className: cn('size-4', 'text-gray-700 dark:text-gray-400') });
|
|
10
10
|
};
|
|
11
|
-
export const CommandListItem = ({ options = [], selectedValues, multiple, selectionIcon, selectionIconPosition, hasAnyIcon, toggleOption, tabIndex,
|
|
11
|
+
export const CommandListItem = ({ options = [], selectedValues, multiple, selectionIcon, selectionIconPosition, hasAnyIcon, toggleOption, tabIndex, className, }) => {
|
|
12
12
|
return (_jsx(_Fragment, { children: options.map((opt) => {
|
|
13
13
|
const isSelected = selectedValues.includes(opt.value);
|
|
14
14
|
return (_jsxs(CommandItem, { tabIndex: tabIndex, value: opt.label, onSelect: () => {
|
|
15
15
|
if (!opt.disabled) {
|
|
16
16
|
toggleOption(opt.value);
|
|
17
17
|
}
|
|
18
|
-
}, disabled: opt.disabled, className: cn('cursor-pointer', 'data-[selected=true]:bg-gray-100 dark:data-[selected=true]:bg-gray-900', opt.disabled && '!pointer-events-auto cursor-not-allowed hover:bg-transparent dark:hover:bg-transparent',
|
|
18
|
+
}, disabled: opt.disabled, className: cn('cursor-pointer', 'data-[selected=true]:bg-gray-100 dark:data-[selected=true]:bg-gray-900', opt.disabled && '!pointer-events-auto cursor-not-allowed hover:bg-transparent dark:hover:bg-transparent', className), role: "option", "aria-selected": isSelected, children: [selectionIcon === 'auto' &&
|
|
19
19
|
(multiple ? (_jsx("div", { className: cn('flex size-4 items-center justify-center rounded-md border', 'border-gray-700 dark:border-gray-400', isSelected && 'bg-gray-900 text-slate-50 dark:bg-gray-400 dark:text-black'), children: isSelected && _jsx(Icon, { name: "Checkmark", size: 16 }) })) : (_jsx("div", { className: cn('relative size-4 rounded-full border', isSelected ? 'border-gray-900 dark:border-gray-400' : 'border-gray-800 dark:border-gray-400', 'bg-transparent dark:bg-transparent'), children: isSelected && (_jsx("div", { className: "absolute left-1/2 top-1/2 size-2.5 -translate-x-1/2 -translate-y-1/2 rounded-full bg-gray-900 dark:bg-gray-400" })) }))), selectionIcon === 'checkmark' && !(selectionIconPosition === 'right' && hasAnyIcon) && (_jsx("div", { className: "size-4", children: selectionIconPosition === 'left' && isSelected && (_jsx(Icon, { name: "Checkmark", size: 16, className: "text-gray-900 dark:text-gray-50" })) })), renderIcon(opt.icon), _jsx("span", { className: cn('flex-1 truncate text-[14px] font-normal leading-4', 'text-gray-700 dark:text-gray-500', opt.disabled && 'text-gray-600 dark:text-gray-600'), children: opt.label }), selectionIcon === 'checkmark' && selectionIconPosition === 'right' && (_jsx("div", { className: "size-4", children: isSelected && _jsx(Icon, { name: "Checkmark", size: 16, className: "text-gray-900 dark:text-gray-50" }) }))] }, `favorite-${opt.value}`));
|
|
20
20
|
}) }));
|
|
21
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"command-list-item.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/select/command-list-item.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAiB,MAAM,mCAAmC,CAAA;AAEvE,OAAO,EAAE,WAAW,EAAE,MAAM,2DAA2D,CAAA;AACvF,OAAO,EAAE,EAAE,EAAE,MAAM,kCAAkC,CAAA;AAerD,MAAM,UAAU,GAAG,CAAC,aAAiF,EAAE,EAAE;IACvG,IAAI,OAAO,aAAa,KAAK,QAAQ,EAAE,CAAC;QACtC,OAAO,KAAC,IAAI,IAAC,IAAI,EAAE,aAAa,EAAE,IAAI,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,kCAAkC,CAAC,GAAI,CAAA;IACnG,CAAC;IACD,OAAO,aAAa,IAAI,KAAC,aAAa,IAAC,SAAS,EAAE,EAAE,CAAC,QAAQ,EAAE,kCAAkC,CAAC,GAAI,CAAA;AACxG,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAmC,CAAC,EAC9D,OAAO,GAAG,EAAE,EACZ,cAAc,EACd,QAAQ,EACR,aAAa,EACb,qBAAqB,EACrB,UAAU,EACV,YAAY,EACZ,QAAQ,EACR,
|
|
1
|
+
{"version":3,"file":"command-list-item.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/select/command-list-item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/select/content.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7C,UAAU,YAAY;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,aAAa,EAAE,MAAM,GAAG,WAAW,CAAA;IACnC,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAC/B,eAAe,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IACxC,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/select/content.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7C,UAAU,YAAY;IACpB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAA;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,aAAa,EAAE,MAAM,GAAG,WAAW,CAAA;IACnC,qBAAqB,EAAE,MAAM,GAAG,OAAO,CAAA;IACvC,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAC/B,eAAe,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IACxC,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,YAAY,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACtC;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAkH1C,CAAA"}
|
|
@@ -1,24 +1,25 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Icon } from '../../../components/icon/index.js';
|
|
3
3
|
import { useCommandState } from 'cmdk';
|
|
4
4
|
import { useEffect } from 'react';
|
|
5
5
|
import { CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, } from '../../../../scalars/components/fragments/command/index.js';
|
|
6
6
|
import { cn } from '../../../../scalars/lib/utils.js';
|
|
7
7
|
import { CommandListItem } from './command-list-item.js';
|
|
8
|
-
export const Content = ({ searchable, commandListRef, multiple, selectedValues, selectionIcon, selectionIconPosition, options = [], toggleAll, toggleOption, favoriteOptions = [],
|
|
9
|
-
const
|
|
10
|
-
const
|
|
8
|
+
export const Content = ({ searchable, commandListRef, multiple, selectedValues, selectionIcon, selectionIconPosition, options = [], toggleAll, toggleOption, favoriteOptions = [], }) => {
|
|
9
|
+
const allOptions = [...favoriteOptions, ...options];
|
|
10
|
+
const enabledOptions = allOptions.filter((opt) => !opt.disabled);
|
|
11
|
+
const hasAnyIcon = allOptions.some((opt) => opt.icon);
|
|
11
12
|
const cmdkSearch = useCommandState((state) => state.search);
|
|
12
13
|
// scroll to top when search change
|
|
13
14
|
useEffect(() => {
|
|
14
15
|
commandListRef.current?.scrollTo({ top: 0, behavior: 'instant' });
|
|
15
16
|
}, [commandListRef, cmdkSearch]);
|
|
16
|
-
return (_jsxs(
|
|
17
|
+
return (_jsxs("div", { className: cn('select__content'), children: [searchable && (_jsx(CommandInput, { placeholder: "Search...", onKeyDown: (e) => {
|
|
17
18
|
const isOptionsRelatedKey = ['ArrowUp', 'ArrowDown', 'Enter'].includes(e.key);
|
|
18
19
|
if (!(isOptionsRelatedKey && enabledOptions.length > 0)) {
|
|
19
20
|
e.stopPropagation();
|
|
20
21
|
}
|
|
21
|
-
}, wrapperClassName: "rounded-t", className: "text-gray-900 dark:text-gray-50" })), _jsxs(CommandList, { ref: commandListRef, tabIndex: !searchable ? 0 : undefined, children: [_jsx(CommandEmpty, { className: "p-4 text-center text-[14px] font-normal leading-5 text-gray-700 dark:text-gray-400", children: "No results found." }), multiple && cmdkSearch === '' && (_jsx(CommandGroup, { className: "pb-0", children: _jsx(CommandItem, { value: "select-all", onSelect: toggleAll, disabled: false, className: cn('cursor-pointer', 'data-[selected=true]:bg-gray-100 dark:data-[selected=true]:bg-gray-900'), role: "option", "aria-selected": selectedValues.length === enabledOptions.length, children: _jsxs("div", { className: "flex w-full items-center gap-2", children: [selectionIcon === 'auto' && (_jsx("div", { className: cn('flex size-4 items-center justify-center rounded-md border', 'border-gray-700 dark:border-gray-400', selectedValues.length === enabledOptions.length &&
|
|
22
|
-
'bg-gray-900 text-slate-50 dark:bg-gray-400 dark:text-black'), children: selectedValues.length === enabledOptions.length && _jsx(Icon, { name: "Checkmark", size: 16 }) })), selectionIcon === 'checkmark' && !(selectionIconPosition === 'right' && hasAnyIcon) && (_jsx("div", { className: "size-4", children: selectionIconPosition === 'left' && selectedValues.length === enabledOptions.length && (_jsx(Icon, { name: "Checkmark", size: 16, className: "text-gray-900 dark:text-gray-50" })) })), _jsx("span", { className: "text-[14px] font-semibold leading-4 text-gray-900 dark:text-gray-50", children: selectedValues.length === enabledOptions.length ? 'Deselect All' : 'Select All' }), selectionIcon === 'checkmark' && selectionIconPosition === 'right' && (_jsx("div", { className: "ml-auto size-4", children: selectedValues.length === enabledOptions.length && (_jsx(Icon, { name: "Checkmark", size: 16, className: "text-gray-900 dark:text-gray-50" })) }))] }) }) })), _jsxs(CommandGroup, { className: multiple && cmdkSearch === '' ? 'pt-0' : undefined, children: [_jsx(CommandListItem, { options: favoriteOptions, selectedValues: selectedValues, multiple: multiple, selectionIcon: selectionIcon, selectionIconPosition: selectionIconPosition, hasAnyIcon: hasAnyIcon, toggleOption: toggleOption, tabIndex: !searchable ? 0 : undefined,
|
|
22
|
+
}, wrapperClassName: "rounded-t", className: "text-gray-900 dark:text-gray-50 select__search" })), _jsxs(CommandList, { ref: commandListRef, tabIndex: !searchable ? 0 : undefined, className: "select__list", children: [_jsx(CommandEmpty, { className: "p-4 text-center text-[14px] font-normal leading-5 text-gray-700 dark:text-gray-400", children: "No results found." }), multiple && cmdkSearch === '' && (_jsx(CommandGroup, { className: "pb-0", children: _jsx(CommandItem, { value: "select-all", onSelect: toggleAll, disabled: false, className: cn('cursor-pointer', 'data-[selected=true]:bg-gray-100 dark:data-[selected=true]:bg-gray-900'), role: "option", "aria-selected": selectedValues.length === enabledOptions.length, children: _jsxs("div", { className: "flex w-full items-center gap-2", children: [selectionIcon === 'auto' && (_jsx("div", { className: cn('flex size-4 items-center justify-center rounded-md border', 'border-gray-700 dark:border-gray-400', selectedValues.length === enabledOptions.length &&
|
|
23
|
+
'bg-gray-900 text-slate-50 dark:bg-gray-400 dark:text-black'), children: selectedValues.length === enabledOptions.length && _jsx(Icon, { name: "Checkmark", size: 16 }) })), selectionIcon === 'checkmark' && !(selectionIconPosition === 'right' && hasAnyIcon) && (_jsx("div", { className: "size-4", children: selectionIconPosition === 'left' && selectedValues.length === enabledOptions.length && (_jsx(Icon, { name: "Checkmark", size: 16, className: "text-gray-900 dark:text-gray-50" })) })), _jsx("span", { className: "text-[14px] font-semibold leading-4 text-gray-900 dark:text-gray-50", children: selectedValues.length === enabledOptions.length ? 'Deselect All' : 'Select All' }), selectionIcon === 'checkmark' && selectionIconPosition === 'right' && (_jsx("div", { className: "ml-auto size-4", children: selectedValues.length === enabledOptions.length && (_jsx(Icon, { name: "Checkmark", size: 16, className: "text-gray-900 dark:text-gray-50" })) }))] }) }) })), _jsxs(CommandGroup, { className: multiple && cmdkSearch === '' ? 'pt-0' : undefined, children: [_jsx(CommandListItem, { options: favoriteOptions, selectedValues: selectedValues, multiple: multiple, selectionIcon: selectionIcon, selectionIconPosition: selectionIconPosition, hasAnyIcon: hasAnyIcon, toggleOption: toggleOption, tabIndex: !searchable ? 0 : undefined, className: "select__list-item-favorite" }), favoriteOptions.length > 0 && _jsx("div", { className: "my-1 border-b border-gray-300 dark:border-gray-600" }), _jsx(CommandListItem, { options: options, selectedValues: selectedValues, multiple: multiple, selectionIcon: selectionIcon, selectionIconPosition: selectionIconPosition, hasAnyIcon: hasAnyIcon, toggleOption: toggleOption, tabIndex: !searchable ? 0 : undefined, className: "select__list-item" })] })] })] }));
|
|
23
24
|
};
|
|
24
25
|
//# sourceMappingURL=content.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"content.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/select/content.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,mCAAmC,CAAA;AACxD,OAAO,EAAE,eAAe,EAAE,MAAM,MAAM,CAAA;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EACL,YAAY,EACZ,YAAY,EACZ,YAAY,EACZ,WAAW,EACX,WAAW,GACZ,MAAM,2DAA2D,CAAA;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,kCAAkC,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;
|
|
1
|
+
{"version":3,"file":"content.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/select/content.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import type {
|
|
2
|
-
|
|
1
|
+
import type { WithDifference } from '../../../../scalars/components/types.js';
|
|
2
|
+
import type { SelectProps } from './types.js';
|
|
3
|
+
interface SelectDiffProps extends Omit<WithDifference<string>, 'diffMode'> {
|
|
3
4
|
value: string;
|
|
4
5
|
label: SelectProps['label'];
|
|
5
6
|
required: SelectProps['required'];
|
|
6
7
|
}
|
|
7
|
-
declare const SelectDiff: ({ value, label, required, viewMode,
|
|
8
|
+
declare const SelectDiff: ({ value, label, required, viewMode, baseValue }: SelectDiffProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
9
|
export { SelectDiff };
|
|
9
10
|
//# sourceMappingURL=select-diff.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-diff.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/select/select-diff.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"select-diff.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/select/select-diff.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAC7E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7C,UAAU,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,EAAE,UAAU,CAAC;IACxE,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC3B,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC,CAAA;CAClC;AAED,QAAA,MAAM,UAAU,GAAI,iDAA2D,eAAe,4CAW7F,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { FormGroup, FormLabel } from '../../../../scalars/components/fragments/index.js';
|
|
3
3
|
import { SplittedInputDiff } from '../input/splitted-input-diff.js';
|
|
4
|
-
const SelectDiff = ({ value = '', label, required, viewMode,
|
|
5
|
-
return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { disabled: true, required: required, children: label })), _jsx(SplittedInputDiff, { baseValue: baseValue, value: value, viewMode: viewMode, diffMode:
|
|
4
|
+
const SelectDiff = ({ value = '', label, required, viewMode, baseValue = '' }) => {
|
|
5
|
+
return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { disabled: true, required: required, children: label })), _jsx(SplittedInputDiff, { baseValue: baseValue, value: value, viewMode: viewMode, diffMode: "sentences" })] }));
|
|
6
6
|
};
|
|
7
7
|
export { SelectDiff };
|
|
8
8
|
//# sourceMappingURL=select-diff.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select-diff.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/select/select-diff.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,mDAAmD,CAAA;AACxF,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;
|
|
1
|
+
{"version":3,"file":"select-diff.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/select/select-diff.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,mDAAmD,CAAA;AACxF,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAUnE,MAAM,UAAU,GAAG,CAAC,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAmB,EAAE,EAAE;IAChG,OAAO,CACL,MAAC,SAAS,eACP,KAAK,IAAI,CACR,KAAC,SAAS,IAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,YAC1C,KAAK,GACI,CACb,EACD,KAAC,iBAAiB,IAAC,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAC,WAAW,GAAG,IACxF,CACb,CAAA;AACH,CAAC,CAAA;AAED,OAAO,EAAE,UAAU,EAAE,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/select/select.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAQjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/select/select.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA6B,MAAM,OAAO,CAAA;AAQjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7C,QAAA,MAAM,MAAM,uFAkMX,CAAA;AAID,OAAO,EAAE,MAAM,EAAE,CAAA"}
|
|
@@ -12,13 +12,6 @@ import { Content } from './content.js';
|
|
|
12
12
|
import { SelectDiff } from './select-diff.js';
|
|
13
13
|
import { SelectedContent } from './selected-content.js';
|
|
14
14
|
import { useSelect } from './use-select.js';
|
|
15
|
-
const processValue = (currentValue, currentDefaultValue) => {
|
|
16
|
-
const displayValue = currentValue ?? currentDefaultValue ?? '';
|
|
17
|
-
if (Array.isArray(displayValue)) {
|
|
18
|
-
return displayValue.join(', ');
|
|
19
|
-
}
|
|
20
|
-
return displayValue;
|
|
21
|
-
};
|
|
22
15
|
const Select = React.forwardRef(({
|
|
23
16
|
// core functionality props
|
|
24
17
|
options = [], favoriteOptions = [], defaultValue, value, onChange, onBlur,
|
|
@@ -29,13 +22,14 @@ errors = [], warnings = [],
|
|
|
29
22
|
// behavior props
|
|
30
23
|
multiple, selectionIcon = 'auto', selectionIconPosition = 'left', searchable,
|
|
31
24
|
// display props
|
|
32
|
-
description, placeholder, className, contentClassName, contentAlign = 'start',
|
|
25
|
+
description, placeholder, className, contentClassName, contentAlign = 'start',
|
|
33
26
|
// diff props
|
|
34
|
-
viewMode = 'edition',
|
|
27
|
+
viewMode = 'edition', baseValue, ...props }, ref) => {
|
|
35
28
|
const prefix = useId();
|
|
36
29
|
const id = propId ?? `${prefix}-select`;
|
|
30
|
+
const allOptions = [...favoriteOptions, ...options];
|
|
37
31
|
const { selectedValues, isPopoverOpen, commandListRef, toggleOption, handleClear, toggleAll, handleOpenChange } = useSelect({
|
|
38
|
-
options,
|
|
32
|
+
options: allOptions,
|
|
39
33
|
multiple,
|
|
40
34
|
defaultValue,
|
|
41
35
|
value,
|
|
@@ -48,6 +42,14 @@ viewMode = 'edition', diffMode, baseValue, ...props }, ref) => {
|
|
|
48
42
|
onBlur?.(e);
|
|
49
43
|
}
|
|
50
44
|
}, [onBlur, isPopoverOpen]);
|
|
45
|
+
const selectedLabels = selectedValues
|
|
46
|
+
.map((val) => allOptions.find((opt) => opt.value === val)?.label ?? val)
|
|
47
|
+
.join(', ');
|
|
48
|
+
const baseLabels = baseValue !== undefined && baseValue !== ''
|
|
49
|
+
? (Array.isArray(baseValue) ? baseValue : [baseValue])
|
|
50
|
+
.map((val) => allOptions.find((opt) => opt.value === val)?.label ?? val)
|
|
51
|
+
.join(', ')
|
|
52
|
+
: baseValue;
|
|
51
53
|
if (viewMode === 'edition') {
|
|
52
54
|
return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { htmlFor: id, required: required, disabled: disabled, hasError: errors.length > 0, inline: false, onClick: (e) => {
|
|
53
55
|
e.preventDefault();
|
|
@@ -68,14 +70,14 @@ viewMode = 'edition', diffMode, baseValue, ...props }, ref) => {
|
|
|
68
70
|
}, disabled: disabled, "aria-invalid": errors.length > 0, "aria-label": label ? undefined : multiple ? 'Multi select' : 'Select', "aria-required": required, "aria-expanded": isPopoverOpen, className: cn('flex h-9 w-full items-center justify-between px-3 py-2', 'dark:border-charcoal-700 dark:bg-charcoal-900 rounded-md border border-gray-300 bg-white', 'hover:border-gray-300 hover:bg-gray-100', 'dark:hover:border-charcoal-700 dark:hover:bg-charcoal-800', 'dark:focus:ring-charcoal-300 focus:outline-none focus:ring-1 focus:ring-gray-900 focus:ring-offset-0', 'dark:focus-visible:ring-charcoal-300 focus-visible:ring-1 focus-visible:ring-gray-900 focus-visible:ring-offset-0', disabled && [
|
|
69
71
|
'!pointer-events-auto cursor-not-allowed bg-gray-50',
|
|
70
72
|
'dark:hover:border-charcoal-700 dark:hover:bg-charcoal-900 hover:border-gray-300 hover:bg-gray-50',
|
|
71
|
-
], className), ...props, ref: ref, children: _jsx(SelectedContent, { selectedValues: selectedValues, options:
|
|
73
|
+
], 'select', className), ...props, ref: ref, children: _jsx(SelectedContent, { selectedValues: selectedValues, options: allOptions, multiple: multiple, searchable: searchable, placeholder: placeholder, handleClear: handleClear }) }) }), _jsx(PopoverContent, { align: contentAlign, onEscapeKeyDown: (e) => {
|
|
72
74
|
e.preventDefault();
|
|
73
75
|
handleOpenChange(false);
|
|
74
76
|
}, className: contentClassName, children: _jsx(Command, { defaultValue: !multiple && selectedValues[0]
|
|
75
|
-
?
|
|
76
|
-
: undefined, children: _jsx(Content, { favoriteOptions: favoriteOptions, searchable: searchable, commandListRef: commandListRef, multiple: multiple, selectedValues: selectedValues, selectionIcon: selectionIcon, selectionIconPosition: selectionIconPosition, options: options, toggleAll: toggleAll, toggleOption: toggleOption
|
|
77
|
+
? allOptions.find((opt) => opt.value === selectedValues[0])?.label
|
|
78
|
+
: undefined, children: _jsx(Content, { favoriteOptions: favoriteOptions, searchable: searchable, commandListRef: commandListRef, multiple: multiple, selectedValues: selectedValues, selectionIcon: selectionIcon, selectionIconPosition: selectionIconPosition, options: options, toggleAll: toggleAll, toggleOption: toggleOption }) }) })] }), description && _jsx(FormDescription, { children: description }), warnings.length > 0 && _jsx(FormMessageList, { messages: warnings, type: "warning" }), errors.length > 0 && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
|
|
77
79
|
}
|
|
78
|
-
return (_jsx(SelectDiff, { value:
|
|
80
|
+
return (_jsx(SelectDiff, { value: selectedLabels, label: label, required: required, viewMode: viewMode, baseValue: baseLabels }));
|
|
79
81
|
});
|
|
80
82
|
Select.displayName = 'Select';
|
|
81
83
|
export { Select };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/select/select.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,EAAE,EAAE,MAAM,kCAAkC,CAAA;AACrD,OAAO,EAAE,eAAe,EAAE,MAAM,oEAAoE,CAAA;AACpG,OAAO,EAAE,SAAS,EAAE,MAAM,mEAAmE,CAAA;AAC7F,OAAO,EAAE,SAAS,EAAE,MAAM,mEAAmE,CAAA;AAC7F,OAAO,EAAE,eAAe,EAAE,MAAM,uEAAuE,CAAA;AACvG,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,OAAO,CAAA;AACjD,OAAO,EAAE,MAAM,EAAE,MAAM,0DAA0D,CAAA;AACjF,OAAO,EAAE,OAAO,EAAE,MAAM,2DAA2D,CAAA;AACnF,OAAO,EAAE,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,2DAA2D,CAAA;AACnH,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAA;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAG3C,MAAM,
|
|
1
|
+
{"version":3,"file":"select.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/select/select.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selected-content.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/select/selected-content.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7C,UAAU,oBAAoB;IAC5B,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,IAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"selected-content.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/select/selected-content.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AAE7C,UAAU,oBAAoB;IAC5B,cAAc,EAAE,MAAM,EAAE,CAAA;IACxB,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,WAAW,EAAE,MAAM,IAAI,CAAA;CACxB;AAED,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CA2E1D,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { Icon } from '../../../components/icon/index.js';
|
|
3
3
|
import { cn } from '../../../../scalars/lib/utils.js';
|
|
4
|
-
export const SelectedContent = ({ selectedValues, options = [], multiple, searchable, placeholder, handleClear,
|
|
4
|
+
export const SelectedContent = ({ selectedValues, options = [], multiple, searchable, placeholder, handleClear, }) => {
|
|
5
5
|
const renderIcon = (IconComponent) => {
|
|
6
6
|
if (typeof IconComponent === 'string') {
|
|
7
7
|
return _jsx(Icon, { name: IconComponent, size: 16 });
|
|
@@ -9,11 +9,11 @@ export const SelectedContent = ({ selectedValues, options = [], multiple, search
|
|
|
9
9
|
return IconComponent && _jsx(IconComponent, { className: cn('size-4') });
|
|
10
10
|
};
|
|
11
11
|
if (selectedValues.length === 0) {
|
|
12
|
-
return (_jsxs("div", { className: cn('mx-auto flex w-full items-center', placeholder ? 'justify-between' : 'justify-end'), children: [placeholder && (_jsx("span", { className: "text-[14px] font-normal leading-5 text-gray-600 dark:text-gray-500", children: placeholder })), searchable ? (_jsx(Icon, { name: "CaretSort", size: 16, className: "cursor-pointer text-gray-700 dark:text-gray-400" })) : (_jsx(Icon, { name: "ChevronDown", size: 16, className: "cursor-pointer text-gray-700 dark:text-gray-400" }))] }));
|
|
12
|
+
return (_jsxs("div", { className: cn('mx-auto flex w-full items-center', placeholder ? 'justify-between gap-2' : 'justify-end'), children: [placeholder && (_jsx("span", { className: "text-[14px] font-normal leading-5 truncate text-gray-600 dark:text-gray-500", children: placeholder })), searchable ? (_jsx(Icon, { name: "CaretSort", size: 16, className: "cursor-pointer text-gray-700 dark:text-gray-400" })) : (_jsx(Icon, { name: "ChevronDown", size: 16, className: "cursor-pointer text-gray-700 dark:text-gray-400" }))] }));
|
|
13
13
|
}
|
|
14
|
-
return (_jsxs("div", { className:
|
|
14
|
+
return (_jsxs("div", { className: cn('flex w-full items-center justify-between gap-2', 'select__list-item--selected'), children: [_jsx("div", { className: cn('max-w-full truncate text-gray-900 dark:text-gray-50', !multiple && 'flex items-center gap-2'), children: selectedValues.map((value, index) => {
|
|
15
15
|
const option = options.find((o) => o.value === value);
|
|
16
|
-
return !multiple ? (_jsxs("div", { className: cn('flex items-center gap-2'
|
|
16
|
+
return !multiple ? (_jsxs("div", { className: cn('flex items-center gap-2 truncate'), children: [renderIcon(option?.icon), _jsx("span", { className: cn('truncate text-[14px] font-normal leading-5'), children: option?.label })] }, value)) : (_jsx("span", { className: cn('text-[14px] font-normal leading-5', index !== selectedValues.length - 1 && 'mr-1'), children: index !== selectedValues.length - 1 ? `${option?.label},` : option?.label }, value));
|
|
17
17
|
}) }), _jsxs("div", { className: "flex items-center justify-between gap-2", children: [multiple && selectedValues.length > 0 && (_jsx("div", { onClick: (e) => {
|
|
18
18
|
e.preventDefault();
|
|
19
19
|
e.stopPropagation();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"selected-content.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/select/selected-content.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,IAAI,EAAiB,MAAM,mCAAmC,CAAA;AAEvE,OAAO,EAAE,EAAE,EAAE,MAAM,kCAAkC,CAAA;
|
|
1
|
+
{"version":3,"file":"selected-content.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/select/selected-content.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,7 @@
|
|
|
1
1
|
import type { IconName } from '../../../components/icon/index.js';
|
|
2
|
-
import type {
|
|
2
|
+
import type { InputBaseProps, WithDifference } from '../../../../scalars/components/types.js';
|
|
3
3
|
import type React from 'react';
|
|
4
|
-
|
|
5
|
-
diffMode?: Extract<DiffMode, 'sentences'>;
|
|
6
|
-
}
|
|
4
|
+
type SelectWithDifference = Omit<WithDifference<string | string[]>, 'diffMode'>;
|
|
7
5
|
interface SelectOption {
|
|
8
6
|
icon?: IconName | React.ComponentType<{
|
|
9
7
|
className?: string;
|
|
@@ -11,7 +9,6 @@ interface SelectOption {
|
|
|
11
9
|
value: string;
|
|
12
10
|
label: string;
|
|
13
11
|
disabled?: boolean;
|
|
14
|
-
className?: string;
|
|
15
12
|
}
|
|
16
13
|
interface SelectBaseProps {
|
|
17
14
|
options?: SelectOption[];
|
|
@@ -20,9 +17,7 @@ interface SelectBaseProps {
|
|
|
20
17
|
multiple?: boolean;
|
|
21
18
|
searchable?: boolean;
|
|
22
19
|
onChange?: (value: string | string[]) => void;
|
|
23
|
-
contentClassName?: string;
|
|
24
20
|
contentAlign?: 'start' | 'end' | 'center';
|
|
25
|
-
optionsClassName?: string;
|
|
26
21
|
}
|
|
27
22
|
type SelectConfigProps = (SelectBaseProps & {
|
|
28
23
|
selectionIcon?: 'auto';
|
|
@@ -31,6 +26,9 @@ type SelectConfigProps = (SelectBaseProps & {
|
|
|
31
26
|
selectionIcon: 'checkmark';
|
|
32
27
|
selectionIconPosition?: 'left' | 'right';
|
|
33
28
|
});
|
|
34
|
-
type SelectProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof InputBaseProps<string | string[]> | keyof SelectConfigProps> & InputBaseProps<string | string[]> & SelectConfigProps & SelectWithDifference
|
|
35
|
-
|
|
29
|
+
type SelectProps = Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, keyof InputBaseProps<string | string[]> | keyof SelectConfigProps> & InputBaseProps<string | string[]> & SelectConfigProps & SelectWithDifference & {
|
|
30
|
+
className?: string;
|
|
31
|
+
contentClassName?: string;
|
|
32
|
+
};
|
|
33
|
+
export type { SelectBaseProps, SelectOption, SelectProps };
|
|
36
34
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAA;AACjE,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAA;AACjE,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAC7F,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,KAAK,oBAAoB,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,EAAE,UAAU,CAAC,CAAA;AAE/E,UAAU,YAAY;IACpB,IAAI,CAAC,EAAE,QAAQ,GAAG,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAA;IAC7D,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,UAAU,eAAe;IACvB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACxB,eAAe,CAAC,EAAE,YAAY,EAAE,CAAA;IAChC,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,IAAI,CAAA;IAC7C,YAAY,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;CAC1C;AAED,KAAK,iBAAiB,GAClB,CAAC,eAAe,GAAG;IACjB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,qBAAqB,CAAC,EAAE,MAAM,CAAA;CAC/B,CAAC,GACF,CAAC,eAAe,GAAG;IACjB,aAAa,EAAE,WAAW,CAAA;IAC1B,qBAAqB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;CACzC,CAAC,CAAA;AAEN,KAAK,WAAW,GAAG,IAAI,CACrB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,MAAM,cAAc,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,GAAG,MAAM,iBAAiB,CAClE,GACC,cAAc,CAAC,MAAM,GAAG,MAAM,EAAE,CAAC,GACjC,iBAAiB,GACjB,oBAAoB,GAAG;IACrB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAEH,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,WAAW,EAAE,CAAA"}
|
|
@@ -40,7 +40,7 @@ export function useSelect({ options = [], multiple = false, defaultValue, value,
|
|
|
40
40
|
}
|
|
41
41
|
setSelectedValues(newValues);
|
|
42
42
|
onChange?.(multiple ? newValues : (newValues[0] ?? ''));
|
|
43
|
-
}, [multiple, selectedValues,
|
|
43
|
+
}, [multiple, selectedValues, onChange]);
|
|
44
44
|
const handleClear = useCallback(() => {
|
|
45
45
|
isInternalChange.current = true;
|
|
46
46
|
setSelectedValues([]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-select.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/select/use-select.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAWhE,MAAM,UAAU,SAAS,CAAC,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,KAAK,EAAE,YAAY,EAAE,KAAK,EAAE,QAAQ,EAAkB;IACzG,MAAM,gBAAgB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAA;IACtC,MAAM,cAAc,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IACnD,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACzD,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAW,GAAG,EAAE;QAClE,MAAM,YAAY,GAAG,KAAK,IAAI,YAAY,IAAI,EAAE,CAAA;QAChD,IAAI,YAAY,KAAK,EAAE,EAAE,CAAC;YACxB,OAAO,EAAE,CAAA;QACX,CAAC;QACD,OAAO,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAA;IACpE,CAAC,CAAC,CAAA;IAEF,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,gBAAgB,CAAC,OAAO,EAAE,CAAC;YAC7B,gBAAgB,CAAC,OAAO,GAAG,KAAK,CAAA;YAChC,OAAM;QACR,CAAC;QACD,MAAM,QAAQ,GAAG,KAAK,IAAI,YAAY,IAAI,EAAE,CAAA;QAC5C,IAAI,QAAQ,KAAK,EAAE,EAAE,CAAC;YACpB,iBAAiB,CAAC,EAAE,CAAC,CAAA;QACvB,CAAC;aAAM,CAAC;YACN,iBAAiB,CAAC,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAA;QACpE,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,MAAM,gBAAgB,GAAG,WAAW,CAAC,CAAC,IAAa,EAAE,EAAE;QACrD,gBAAgB,CAAC,IAAI,CAAC,CAAA;IACxB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,WAAmB,EAAE,EAAE;QACtB,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAA;QAC/B,IAAI,SAAmB,CAAA;QAEvB,IAAI,QAAQ,EAAE,CAAC;YACb,SAAS,GAAG,cAAc,CAAC,QAAQ,CAAC,WAAW,CAAC;gBAC9C,CAAC,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,KAAK,WAAW,CAAC;gBACjD,CAAC,CAAC,CAAC,GAAG,cAAc,EAAE,WAAW,CAAC,CAAA;QACtC,CAAC;aAAM,CAAC;YACN,SAAS,GAAG,cAAc,CAAC,CAAC,CAAC,KAAK,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAA;YAElE,gBAAgB,CAAC,KAAK,CAAC,CAAA;QACzB,CAAC;QAED,iBAAiB,CAAC,SAAS,CAAC,CAAA;QAC5B,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;IACzD,CAAC,EACD,CAAC,QAAQ,EAAE,cAAc,EAAE,
|
|
1
|
+
{"version":3,"file":"use-select.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/select/use-select.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import type { WithDifference } from '../../../../scalars/components/types.js';
|
|
2
|
-
interface TextInputDiffProps extends WithDifference<string> {
|
|
2
|
+
interface TextInputDiffProps extends WithDifference<string>, React.HTMLAttributes<HTMLDivElement> {
|
|
3
3
|
value: string;
|
|
4
4
|
label?: React.ReactNode;
|
|
5
5
|
required?: boolean;
|
|
6
6
|
}
|
|
7
|
-
declare const TextInputDiff: ({ value, label, required, baseValue, viewMode, diffMode, }: TextInputDiffProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
declare const TextInputDiff: ({ value, label, required, baseValue, viewMode, diffMode, ...props }: TextInputDiffProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
8
|
export default TextInputDiff;
|
|
9
9
|
//# sourceMappingURL=text-input-diff.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-input-diff.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/text-input/text-input-diff.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAE7E,UAAU,kBAAmB,SAAQ,cAAc,CAAC,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"text-input-diff.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/text-input/text-input-diff.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAE7E,UAAU,kBAAmB,SAAQ,cAAc,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/F,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AACD,QAAA,MAAM,aAAa,GAAI,qEAQpB,kBAAkB,4CAWpB,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -2,8 +2,8 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
|
2
2
|
import { FormGroup } from '../../../../scalars/components/fragments/form-group/index.js';
|
|
3
3
|
import { FormLabel } from '../../../../scalars/components/fragments/form-label/index.js';
|
|
4
4
|
import { SplittedInputDiff } from '../input/splitted-input-diff.js';
|
|
5
|
-
const TextInputDiff = ({ value, label, required, baseValue = '', viewMode = 'edition', diffMode = 'sentences', }) => {
|
|
6
|
-
return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { disabled: true, required: required, children: label })), _jsx(SplittedInputDiff, { value: value, baseValue: baseValue, diffMode: diffMode, viewMode: viewMode })] }));
|
|
5
|
+
const TextInputDiff = ({ value, label, required, baseValue = '', viewMode = 'edition', diffMode = 'sentences', ...props }) => {
|
|
6
|
+
return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { disabled: true, required: required, children: label })), _jsx(SplittedInputDiff, { value: value, baseValue: baseValue, diffMode: diffMode, viewMode: viewMode, ...props })] }));
|
|
7
7
|
};
|
|
8
8
|
export default TextInputDiff;
|
|
9
9
|
//# sourceMappingURL=text-input-diff.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-input-diff.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/text-input/text-input-diff.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,8DAA8D,CAAA;AACxF,OAAO,EAAE,SAAS,EAAE,MAAM,8DAA8D,CAAA;AAExF,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAMnE,MAAM,aAAa,GAAG,CAAC,EACrB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,SAAS,EACpB,QAAQ,GAAG,WAAW,
|
|
1
|
+
{"version":3,"file":"text-input-diff.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/text-input/text-input-diff.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,8DAA8D,CAAA;AACxF,OAAO,EAAE,SAAS,EAAE,MAAM,8DAA8D,CAAA;AAExF,OAAO,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAMnE,MAAM,aAAa,GAAG,CAAC,EACrB,KAAK,EACL,KAAK,EACL,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,QAAQ,GAAG,SAAS,EACpB,QAAQ,GAAG,WAAW,EACtB,GAAG,KAAK,EACW,EAAE,EAAE;IACvB,OAAO,CACL,MAAC,SAAS,eACP,KAAK,IAAI,CACR,KAAC,SAAS,IAAC,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,YAC1C,KAAK,GACI,CACb,EACD,KAAC,iBAAiB,IAAC,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,KAAM,KAAK,GAAI,IAClG,CACb,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import type { InputBaseProps } from '../../../../scalars/components/types.js';
|
|
1
|
+
import type { InputBaseProps, WithDifference } from '../../../../scalars/components/types.js';
|
|
2
2
|
import type { InputNumberProps } from '../number-input/types.js';
|
|
3
3
|
import type { SelectFieldProps } from '../../../../scalars/components/fragments/select-field/index.js';
|
|
4
4
|
import type { TimeFieldValue } from './type.js';
|
|
5
|
-
interface TimePickerProps extends InputBaseProps<TimeFieldValue>, Omit<InputNumberProps, 'value' | 'defaultValue'> {
|
|
5
|
+
interface TimePickerProps extends InputBaseProps<TimeFieldValue>, Omit<InputNumberProps, 'value' | 'defaultValue'>, WithDifference<TimeFieldValue> {
|
|
6
6
|
label?: string;
|
|
7
7
|
id?: string;
|
|
8
8
|
name: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/time-picker/time-picker.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"time-picker.d.ts","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/time-picker/time-picker.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAA;AAC7F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAA;AAChE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,gEAAgE,CAAA;AAGtG,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,WAAW,CAAA;AAK/C,UAAU,eACR,SAAQ,cAAc,CAAC,cAAc,CAAC,EACpC,IAAI,CAAC,gBAAgB,EAAE,OAAO,GAAG,cAAc,CAAC,EAChD,cAAc,CAAC,cAAc,CAAC;IAChC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,cAAc,CAAA;IACtB,YAAY,CAAC,EAAE,cAAc,CAAA;IAC7B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,UAAU,CAAC,EAAE,IAAI,CACf,cAAc,CAAC,MAAM,CAAC,GAAG;QACvB,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;KACnE,EACD,MAAM,GAAG,UAAU,GAAG,OAAO,GAAG,cAAc,GAAG,QAAQ,CAC1D,CAAA;IACD,WAAW,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,GAAG,SAAS,GAAG,eAAe,CAAC,CAAA;IAC1E,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,kBAAkB,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,QAAA,MAAM,UAAU,8GAsIf,CAAA;AAID,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,CAAA"}
|
|
@@ -1,5 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { cn } from '../../../../scalars/lib/utils.js';
|
|
3
2
|
import { FormDescription } from '../../../../scalars/components/fragments/form-description/index.js';
|
|
4
3
|
import { FormGroup } from '../../../../scalars/components/fragments/form-group/form-group.js';
|
|
5
4
|
import { FormLabel } from '../../../../scalars/components/fragments/form-label/form-label.js';
|
|
@@ -9,7 +8,10 @@ import { BasePickerField } from '../date-time-picker/base-picker.js';
|
|
|
9
8
|
import TimePickerContent from './subcomponents/time-picker-content.js';
|
|
10
9
|
import { useTimePicker } from './use-time-picker.js';
|
|
11
10
|
import { handleKeyDown } from './utils.js';
|
|
12
|
-
|
|
11
|
+
import TextInputDiff from '../text-input/text-input-diff.js';
|
|
12
|
+
const TimePicker = forwardRef(({ label, id, errors, name, placeholder, value, defaultValue, onChange, onBlur, description, warnings, required, disabled, inputProps, selectProps, timeFormat = 'hh:mm a', showTimezoneSelect, timeIntervals, timeZone, includeContinent, className,
|
|
13
|
+
// diff props,
|
|
14
|
+
viewMode = 'edition', baseValue, }, ref) => {
|
|
13
15
|
const { selectedHour, setSelectedHour, selectedMinute, setSelectedMinute, selectedPeriod, setSelectedPeriod, hours, minutes, isOpen, setIsOpen, inputValue, handleInputChange, handleSave, handleCancel, timeZonesOptions, handleBlur, is12HourFormat, selectedTimeZone, setSelectedTimeZone, isDisableSelect, } = useTimePicker({
|
|
14
16
|
value,
|
|
15
17
|
defaultValue,
|
|
@@ -21,10 +23,19 @@ const TimePicker = forwardRef(({ label, id, errors, name, placeholder, value, de
|
|
|
21
23
|
showTimezoneSelect,
|
|
22
24
|
includeContinent,
|
|
23
25
|
});
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
26
|
+
if (viewMode === 'edition') {
|
|
27
|
+
return (_jsxs(FormGroup, { children: [label && (_jsx(FormLabel, { htmlFor: id, required: required, disabled: disabled, hasError: !!errors?.length, children: label })), _jsx(BasePickerField, { iconName: "Clock", isOpen: isOpen, name: name, errors: errors, disabled: disabled, required: required, value: inputValue, setIsOpen: setIsOpen, onInputChange: handleInputChange, ref: ref, placeholder: placeholder, handleBlur: handleBlur, inputProps: {
|
|
28
|
+
...inputProps,
|
|
29
|
+
onKeyDown: handleKeyDown,
|
|
30
|
+
}, className: String.raw `
|
|
31
|
+
[&.base-picker\\_\\_popover]:pr-3
|
|
32
|
+
[&.base-picker\\_\\_popover]:pb-4
|
|
33
|
+
[&.base-picker\\_\\_popover]:pl-4
|
|
34
|
+
[&.base-picker\\_\\_popover]:pt-3
|
|
35
|
+
${className}
|
|
36
|
+
`, children: _jsx(TimePickerContent, { selectedHour: selectedHour, selectedMinute: selectedMinute, selectedPeriod: selectedPeriod, setSelectedHour: setSelectedHour, setSelectedMinute: setSelectedMinute, setSelectedPeriod: setSelectedPeriod, hours: hours, minutes: minutes, onSave: handleSave, onCancel: handleCancel, timeZonesOptions: timeZonesOptions, selectProps: selectProps, is12HourFormat: is12HourFormat, isDisableSelect: isDisableSelect, selectedTimeZone: selectedTimeZone, setSelectedTimeZone: setSelectedTimeZone, timeZone: timeZone }) }), description && _jsx(FormDescription, { children: description }), warnings && _jsx(FormMessageList, { messages: warnings, type: "warning" }), errors && _jsx(FormMessageList, { messages: errors, type: "error" })] }));
|
|
37
|
+
}
|
|
38
|
+
return (_jsx(TextInputDiff, { value: value ?? defaultValue ?? '', viewMode: viewMode, diffMode: "sentences", baseValue: baseValue ?? '', label: label, required: required, "data-testid": "time-picker-diff" }));
|
|
28
39
|
});
|
|
29
40
|
TimePicker.displayName = 'TimePicker';
|
|
30
41
|
export { TimePicker };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-picker.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/time-picker/time-picker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"time-picker.js","sourceRoot":"","sources":["../../../../../../src/ui/components/data-entry/time-picker/time-picker.tsx"],"names":[],"mappings":"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"}
|