chop-logic-components 1.1.3 → 1.2.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/{BackIcon-CeMTZgW0.cjs → BackIcon-B0IoN27D.cjs} +2 -2
- package/dist/BackIcon-B0IoN27D.cjs.map +1 -0
- package/dist/{BackIcon--7D86S5j.js → BackIcon-CyFkLrqa.js} +2 -2
- package/dist/BackIcon-CyFkLrqa.js.map +1 -0
- package/dist/{CancelIcon-BnREsPBZ.cjs → CancelIcon-BGhGDbfZ.cjs} +2 -2
- package/dist/CancelIcon-BGhGDbfZ.cjs.map +1 -0
- package/dist/{CancelIcon-CefNQTfM.js → CancelIcon-CMyNqDjy.js} +2 -2
- package/dist/CancelIcon-CMyNqDjy.js.map +1 -0
- package/dist/{ChevronDownIcon-DT6cBkWd.js → ChevronDownIcon-Dg_ZhBij.js} +2 -2
- package/dist/ChevronDownIcon-Dg_ZhBij.js.map +1 -0
- package/dist/{ChevronDownIcon-2bo0dD0n.cjs → ChevronDownIcon-h8H0L8Hv.cjs} +2 -2
- package/dist/ChevronDownIcon-h8H0L8Hv.cjs.map +1 -0
- package/dist/{ChevronLeftIcon-Cv8KkcCj.cjs → ChevronLeftIcon-A2hTuAO5.cjs} +2 -2
- package/dist/ChevronLeftIcon-A2hTuAO5.cjs.map +1 -0
- package/dist/{ChevronLeftIcon-CucDAu-3.js → ChevronLeftIcon-xnNeHrts.js} +2 -2
- package/dist/ChevronLeftIcon-xnNeHrts.js.map +1 -0
- package/dist/{ChevronRightIcon-D6FwG4SZ.js → ChevronRightIcon-CtnMvdwV.js} +2 -2
- package/dist/ChevronRightIcon-CtnMvdwV.js.map +1 -0
- package/dist/{ChevronRightIcon-CXEq8PP7.cjs → ChevronRightIcon-hVUtPO5t.cjs} +2 -2
- package/dist/ChevronRightIcon-hVUtPO5t.cjs.map +1 -0
- package/dist/{ChevronUpIcon-B1CgDPSQ.cjs → ChevronUpIcon-CfZKzJY1.cjs} +2 -2
- package/dist/ChevronUpIcon-CfZKzJY1.cjs.map +1 -0
- package/dist/{ChevronUpIcon-BzSff1Do.js → ChevronUpIcon-Dcgb60Bp.js} +2 -2
- package/dist/ChevronUpIcon-Dcgb60Bp.js.map +1 -0
- package/dist/{ClearIcon-CfYJJWkY.js → ClearIcon-C-Pgt7kX.js} +2 -2
- package/dist/ClearIcon-C-Pgt7kX.js.map +1 -0
- package/dist/{ClearIcon-BK-CwLLu.cjs → ClearIcon-D-UZnQ3m.cjs} +2 -2
- package/dist/ClearIcon-D-UZnQ3m.cjs.map +1 -0
- package/dist/{CopyIcon-BmS8MwnU.js → CopyIcon-5wJPqejn.js} +2 -2
- package/dist/CopyIcon-5wJPqejn.js.map +1 -0
- package/dist/{CopyIcon-Clhhlouo.cjs → CopyIcon-DWkVx4t5.cjs} +2 -2
- package/dist/CopyIcon-DWkVx4t5.cjs.map +1 -0
- package/dist/{CutIcon-CPLUxIHf.cjs → CutIcon-CppPwIWE.cjs} +2 -2
- package/dist/CutIcon-CppPwIWE.cjs.map +1 -0
- package/dist/{CutIcon-BO9ypkn3.js → CutIcon-Dun8vUtb.js} +2 -2
- package/dist/CutIcon-Dun8vUtb.js.map +1 -0
- package/dist/{DeleteIcon-Dc3MBZvz.cjs → DeleteIcon-CMYDDE3X.cjs} +2 -2
- package/dist/DeleteIcon-CMYDDE3X.cjs.map +1 -0
- package/dist/{DeleteIcon-BrrFpnWU.js → DeleteIcon-DGdPmeUU.js} +2 -2
- package/dist/DeleteIcon-DGdPmeUU.js.map +1 -0
- package/dist/{DownloadIcon-bbvm6wox.js → DownloadIcon-B750a9Da.js} +2 -2
- package/dist/DownloadIcon-B750a9Da.js.map +1 -0
- package/dist/{DownloadIcon-CSO8HT2K.cjs → DownloadIcon-C0yaVMpG.cjs} +2 -2
- package/dist/DownloadIcon-C0yaVMpG.cjs.map +1 -0
- package/dist/{ForwardIcon-DUJrdHMK.cjs → ForwardIcon-Bc-05K6x.cjs} +2 -2
- package/dist/ForwardIcon-Bc-05K6x.cjs.map +1 -0
- package/dist/{ForwardIcon-rcLGwsvc.js → ForwardIcon-x_3vq5X9.js} +2 -2
- package/dist/ForwardIcon-x_3vq5X9.js.map +1 -0
- package/dist/GraduateIcon-BmFZe0lQ.cjs +2 -0
- package/dist/GraduateIcon-BmFZe0lQ.cjs.map +1 -0
- package/dist/GraduateIcon-CX4JpZEj.js +6 -0
- package/dist/GraduateIcon-CX4JpZEj.js.map +1 -0
- package/dist/{HideIcon-2CdoMi2u.cjs → HideIcon-3YKADak6.cjs} +2 -2
- package/dist/HideIcon-3YKADak6.cjs.map +1 -0
- package/dist/{HideIcon-CUCqvzEb.js → HideIcon-DC4nE5mT.js} +2 -2
- package/dist/HideIcon-DC4nE5mT.js.map +1 -0
- package/dist/HomeIcon-CXxcN7dx.cjs +2 -0
- package/dist/HomeIcon-CXxcN7dx.cjs.map +1 -0
- package/dist/HomeIcon-DLVYBaWF.js +6 -0
- package/dist/HomeIcon-DLVYBaWF.js.map +1 -0
- package/dist/LoginIcon-CNAvMYQ7.js +6 -0
- package/dist/LoginIcon-CNAvMYQ7.js.map +1 -0
- package/dist/LoginIcon-DCYox3ik.cjs +2 -0
- package/dist/LoginIcon-DCYox3ik.cjs.map +1 -0
- package/dist/{PasteIcon-BYfHdDmw.js → PasteIcon--lS4LO8H.js} +2 -2
- package/dist/PasteIcon--lS4LO8H.js.map +1 -0
- package/dist/{PasteIcon-ptcTxTKn.cjs → PasteIcon-BzIjPzp-.cjs} +2 -2
- package/dist/PasteIcon-BzIjPzp-.cjs.map +1 -0
- package/dist/{QuestionIcon-DIohvO68.cjs → QuestionIcon-CS7QbHw7.cjs} +2 -2
- package/dist/QuestionIcon-CS7QbHw7.cjs.map +1 -0
- package/dist/{QuestionIcon-DO9Z_XaS.js → QuestionIcon-DaDp1gdO.js} +2 -2
- package/dist/QuestionIcon-DaDp1gdO.js.map +1 -0
- package/dist/{RemoveIcon-CdxnH0zu.cjs → RemoveIcon-Dr5ninb9.cjs} +2 -2
- package/dist/RemoveIcon-Dr5ninb9.cjs.map +1 -0
- package/dist/{RemoveIcon-DwqdK0Jw.js → RemoveIcon-J8BNU9GE.js} +2 -2
- package/dist/RemoveIcon-J8BNU9GE.js.map +1 -0
- package/dist/{SaveIcon-DsEa-gJr.js → SaveIcon-C3HmRoxR.js} +2 -2
- package/dist/SaveIcon-C3HmRoxR.js.map +1 -0
- package/dist/{SaveIcon-De8mjmxR.cjs → SaveIcon-Dlv9zimb.cjs} +2 -2
- package/dist/SaveIcon-Dlv9zimb.cjs.map +1 -0
- package/dist/{ShowIcon-vpYnzZnw.cjs → ShowIcon-Cpx3ET2y.cjs} +2 -2
- package/dist/ShowIcon-Cpx3ET2y.cjs.map +1 -0
- package/dist/{ShowIcon-BUCe-D_Z.js → ShowIcon-DB0kvMs2.js} +2 -2
- package/dist/ShowIcon-DB0kvMs2.js.map +1 -0
- package/dist/{UploadIcon-CbYd_cha.cjs → UploadIcon-CrzPw48u.cjs} +2 -2
- package/dist/UploadIcon-CrzPw48u.cjs.map +1 -0
- package/dist/{UploadIcon-BW8L9vOq.js → UploadIcon-GW8ihm2x.js} +2 -2
- package/dist/UploadIcon-GW8ihm2x.js.map +1 -0
- package/dist/components/containers/form/Form.d.ts +1 -1
- package/dist/components/containers/form/Form.styled.d.ts +1 -1
- package/dist/components/containers/form/__docs__/Form.example.d.ts +1 -1
- package/dist/components/containers/form/__docs__/Form.stories.d.ts +2 -2
- package/dist/components/containers/form/controller.d.ts +1 -1
- package/dist/components/containers/form/helpers.d.ts +1 -1
- package/dist/components/containers/grid/Grid.d.ts +1 -1
- package/dist/components/containers/grid/Grid.styled.d.ts +1 -1
- package/dist/components/containers/grid/__docs__/Grid.example.d.ts +1 -1
- package/dist/components/containers/grid/__docs__/Grid.stories.d.ts +1 -1
- package/dist/components/containers/grid/controller.d.ts +1 -1
- package/dist/components/containers/grid/elements/Body.d.ts +1 -1
- package/dist/components/containers/grid/elements/Checkbox.d.ts +1 -1
- package/dist/components/containers/grid/elements/ColumnGroup.d.ts +1 -1
- package/dist/components/containers/grid/elements/DataCell.d.ts +1 -1
- package/dist/components/containers/grid/elements/Head.d.ts +1 -1
- package/dist/components/containers/grid/elements/HeaderCell.d.ts +1 -1
- package/dist/components/containers/grid/elements/Row.d.ts +1 -1
- package/dist/components/containers/grid/elements/SelectAllRowsCell.d.ts +1 -1
- package/dist/components/containers/grid/elements/SelectRowCell.d.ts +1 -1
- package/dist/components/containers/grid/helpers.d.ts +1 -1
- package/dist/components/containers/menu/Menu.d.ts +5 -0
- package/dist/components/containers/menu/Meny.styled.d.ts +23 -0
- package/dist/components/containers/menu/__docs__/Menu.example.d.ts +5 -0
- package/dist/components/containers/menu/__docs__/Menu.stories.d.ts +8 -0
- package/dist/components/containers/menu/__tests__/MenuItem.test.d.ts +1 -0
- package/dist/components/containers/menu/__tests__/MenuLeaf.test.d.ts +1 -0
- package/dist/components/containers/menu/__tests__/SubMenu.test.d.ts +1 -0
- package/dist/components/containers/menu/elements/MenuItem.d.ts +11 -0
- package/dist/components/containers/menu/elements/MenuLeaf.d.ts +9 -0
- package/dist/components/containers/menu/elements/SubMenu.d.ts +14 -0
- package/dist/components/containers/portal/__docs__/Portal.stories.d.ts +2 -2
- package/dist/components/containers/tabs/Tabs.d.ts +1 -1
- package/dist/components/containers/tabs/Tabs.styled.d.ts +5 -4
- package/dist/components/containers/tabs/__docs__/Tabs.example.d.ts +1 -1
- package/dist/components/containers/tabs/__docs__/Tabs.stories.d.ts +2 -2
- package/dist/components/containers/tabs/elements/TabButton.d.ts +3 -2
- package/dist/components/containers/tabs/elements/TabContent.d.ts +1 -1
- package/dist/components/containers/tabs/elements/TabList.d.ts +11 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/inputs/button/Button.d.ts +2 -12
- package/dist/components/inputs/button/Button.styled.d.ts +1 -1
- package/dist/components/inputs/button/__docs__/Button.example.d.ts +1 -1
- package/dist/components/inputs/button/__docs__/Button.stories.d.ts +1 -1
- package/dist/components/inputs/checkbox/Checkbox.d.ts +1 -1
- package/dist/components/inputs/checkbox/Checkbox.styled.d.ts +1 -1
- package/dist/components/inputs/checkbox/__docs__/Checkbox.example.d.ts +1 -1
- package/dist/components/inputs/checkbox/__docs__/Checkbox.stories.d.ts +1 -1
- package/dist/components/inputs/checkbox/helpers.d.ts +1 -1
- package/dist/components/inputs/multi-select/MultiSelect.d.ts +1 -1
- package/dist/components/inputs/multi-select/__docs__/MultiSelect.example.d.ts +1 -1
- package/dist/components/inputs/multi-select/__docs__/MultiSelect.stories.d.ts +2 -2
- package/dist/components/inputs/multi-select/controller.d.ts +4 -4
- package/dist/components/inputs/multi-select/elements/Combobox.d.ts +13 -1
- package/dist/components/inputs/multi-select/elements/Dropdown.d.ts +9 -1
- package/dist/components/inputs/multi-select/elements/Option.d.ts +6 -1
- package/dist/components/inputs/multi-select/helpers.d.ts +5 -5
- package/dist/components/inputs/numeric/NumericInput.d.ts +1 -1
- package/dist/components/inputs/numeric/NumericInput.styled.d.ts +1 -1
- package/dist/components/inputs/numeric/__docs__/NumericInput.example.d.ts +1 -1
- package/dist/components/inputs/numeric/__docs__/NumericInput.stories.d.ts +2 -2
- package/dist/components/inputs/numeric/controller.d.ts +2 -2
- package/dist/components/inputs/numeric/helpers.d.ts +2 -2
- package/dist/components/inputs/select/Select.d.ts +1 -1
- package/dist/components/inputs/select/__docs__/Select.example.d.ts +1 -1
- package/dist/components/inputs/select/__docs__/Select.stories.d.ts +2 -2
- package/dist/components/inputs/select/controller.d.ts +4 -4
- package/dist/components/inputs/select/elements/Combobox.d.ts +13 -1
- package/dist/components/inputs/select/elements/Dropdown.d.ts +12 -1
- package/dist/components/inputs/select/elements/Option.d.ts +8 -1
- package/dist/components/inputs/select/helpers.d.ts +3 -3
- package/dist/components/inputs/text/TextInput.d.ts +1 -1
- package/dist/components/inputs/text/TextInput.styled.d.ts +1 -1
- package/dist/components/inputs/text/__docs__/TextInput.example.d.ts +1 -1
- package/dist/components/inputs/text/__docs__/TextInput.stories.d.ts +1 -1
- package/dist/components/inputs/text/controller.d.ts +2 -2
- package/dist/components/inputs/text/helpers.d.ts +2 -2
- package/dist/components/modals/alert/Alert.d.ts +1 -1
- package/dist/components/modals/alert/Alert.styled.d.ts +1 -1
- package/dist/components/modals/alert/__docs__/Alert.example.d.ts +1 -1
- package/dist/components/modals/alert/__docs__/Alert.stories.d.ts +3 -3
- package/dist/components/modals/alert/elements/Header.d.ts +9 -1
- package/dist/components/modals/dialog/Dialog.d.ts +1 -1
- package/dist/components/modals/dialog/Dialog.styled.d.ts +1 -1
- package/dist/components/modals/dialog/__docs__/Dialog.example.d.ts +1 -1
- package/dist/components/modals/dialog/__docs__/Dialog.stories.d.ts +2 -2
- package/dist/components/modals/dialog/elements/Header.d.ts +1 -1
- package/dist/components/modals/dialog/elements/Layout.d.ts +8 -2
- package/dist/components/modals/tooltip/Tooltip.d.ts +1 -1
- package/dist/components/modals/tooltip/Tooltip.styled.d.ts +1 -1
- package/dist/components/modals/tooltip/__docs__/Tooltip.example.d.ts +1 -1
- package/dist/components/modals/tooltip/__docs__/Tooltip.stories.d.ts +1 -1
- package/dist/contexts/chop-logic-form-context.d.ts +1 -1
- package/dist/contexts/chop-logic-theme-context.d.ts +1 -8
- package/dist/css/themes.d.ts +1 -1
- package/dist/elements/error-message/ErrorMessage.d.ts +1 -1
- package/dist/elements/error-message/ErrorMessage.styled.d.ts +1 -1
- package/dist/elements/icon/Icon.d.ts +1 -1
- package/dist/elements/icon/__docs__/Icon.example.d.ts +1 -1
- package/dist/elements/icon/__docs__/Icon.stories.d.ts +2 -2
- package/dist/elements/input-inner-button/InputInnerButton.d.ts +1 -1
- package/dist/elements/input-inner-button/InputInnerButton.styled.d.ts +1 -1
- package/dist/elements/label/Label.d.ts +1 -1
- package/dist/elements/label/Label.styled.d.ts +1 -1
- package/dist/elements/styled/ExampleDivContainer.styled.d.ts +5 -0
- package/dist/elements/styled/Select.styled.d.ts +1 -1
- package/dist/enums/chop-logic-icon-name.d.ts +3 -0
- package/dist/enums/chop-logic-orientation-mode.d.ts +4 -0
- package/dist/enums/chop-logic-theme-mode.d.ts +4 -0
- package/dist/enums/chop-logic-tooltip-container.d.ts +7 -0
- package/dist/enums/index.d.ts +3 -0
- package/dist/hooks/use-click-outside/__docs__/useClickOutside.example.d.ts +2 -0
- package/dist/hooks/use-click-outside/__docs__/useClickOutside.stories.d.ts +5 -6
- package/dist/hooks/use-click-outside/index.d.ts +2 -2
- package/dist/hooks/use-container-dimensions/__docs__/useContainerDimensions.example.d.ts +2 -0
- package/dist/hooks/use-container-dimensions/__docs__/useContainerDimensions.stories.d.ts +5 -6
- package/dist/hooks/use-key-press/__docs__/useKeyPress.example.d.ts +2 -0
- package/dist/hooks/use-key-press/__docs__/useKeyPress.stories.d.ts +5 -6
- package/dist/hooks/use-modal-focus-trap/__docs__/useModalFocusTrap.example.d.ts +2 -0
- package/dist/hooks/use-modal-focus-trap/__docs__/useModalFocusTrap.stories.d.ts +5 -6
- package/dist/hooks/use-mount/__docs__/useMount.example.d.ts +2 -0
- package/dist/hooks/use-mount/__docs__/useMount.stories.d.ts +5 -6
- package/dist/hooks/use-tooltip-position/__docs__/useTooltipPosition.example.d.ts +2 -0
- package/dist/hooks/use-tooltip-position/__docs__/useTooltipPosition.stories.d.ts +5 -6
- package/dist/hooks/use-window-dimensions/__docs__/useWindowDimensions.example.d.ts +2 -0
- package/dist/hooks/use-window-dimensions/__docs__/useWindowDimensions.stories.d.ts +5 -6
- package/dist/icons/index.d.ts +9 -0
- package/dist/icons/svg/GraduateIcon.d.ts +3 -0
- package/dist/icons/svg/HomeIcon.d.ts +4 -0
- package/dist/icons/svg/LoginIcon.d.ts +3 -0
- package/dist/{index-DdkNFaB4.js → index-BJE2oTC4.js} +1296 -1137
- package/dist/index-BJE2oTC4.js.map +1 -0
- package/dist/index-hbkMr1Dw.cjs +993 -0
- package/dist/index-hbkMr1Dw.cjs.map +1 -0
- package/dist/index.cjs.js +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.es.js +26 -22
- package/dist/{types → models}/chop-logic-theme.d.ts +8 -0
- package/dist/models/common.d.ts +30 -0
- package/dist/models/components/alert.d.ts +10 -0
- package/dist/{types → models}/components/button.d.ts +3 -3
- package/dist/{types → models}/components/checkbox.d.ts +3 -3
- package/dist/models/components/dialog.d.ts +8 -0
- package/dist/{types → models}/components/form.d.ts +7 -7
- package/dist/{types → models}/components/grid.d.ts +3 -3
- package/dist/models/components/icon.d.ts +6 -0
- package/dist/models/components/menu.d.ts +17 -0
- package/dist/models/components/multi-select.d.ts +8 -0
- package/dist/{types → models}/components/numeric.d.ts +4 -5
- package/dist/models/components/select.d.ts +8 -0
- package/dist/models/components/tabs.d.ts +15 -0
- package/dist/{types → models}/components/text.d.ts +4 -9
- package/dist/models/components/tooltip.d.ts +9 -0
- package/dist/models/index.d.ts +16 -0
- package/dist/utils/get-chop-logic-theme.d.ts +1 -1
- package/dist/utils/handle-dropdown-list-key-press.d.ts +2 -2
- package/package.json +1 -1
- package/dist/BackIcon--7D86S5j.js.map +0 -1
- package/dist/BackIcon-CeMTZgW0.cjs.map +0 -1
- package/dist/CancelIcon-BnREsPBZ.cjs.map +0 -1
- package/dist/CancelIcon-CefNQTfM.js.map +0 -1
- package/dist/ChevronDownIcon-2bo0dD0n.cjs.map +0 -1
- package/dist/ChevronDownIcon-DT6cBkWd.js.map +0 -1
- package/dist/ChevronLeftIcon-CucDAu-3.js.map +0 -1
- package/dist/ChevronLeftIcon-Cv8KkcCj.cjs.map +0 -1
- package/dist/ChevronRightIcon-CXEq8PP7.cjs.map +0 -1
- package/dist/ChevronRightIcon-D6FwG4SZ.js.map +0 -1
- package/dist/ChevronUpIcon-B1CgDPSQ.cjs.map +0 -1
- package/dist/ChevronUpIcon-BzSff1Do.js.map +0 -1
- package/dist/ClearIcon-BK-CwLLu.cjs.map +0 -1
- package/dist/ClearIcon-CfYJJWkY.js.map +0 -1
- package/dist/CopyIcon-BmS8MwnU.js.map +0 -1
- package/dist/CopyIcon-Clhhlouo.cjs.map +0 -1
- package/dist/CutIcon-BO9ypkn3.js.map +0 -1
- package/dist/CutIcon-CPLUxIHf.cjs.map +0 -1
- package/dist/DeleteIcon-BrrFpnWU.js.map +0 -1
- package/dist/DeleteIcon-Dc3MBZvz.cjs.map +0 -1
- package/dist/DownloadIcon-CSO8HT2K.cjs.map +0 -1
- package/dist/DownloadIcon-bbvm6wox.js.map +0 -1
- package/dist/ForwardIcon-DUJrdHMK.cjs.map +0 -1
- package/dist/ForwardIcon-rcLGwsvc.js.map +0 -1
- package/dist/HideIcon-2CdoMi2u.cjs.map +0 -1
- package/dist/HideIcon-CUCqvzEb.js.map +0 -1
- package/dist/PasteIcon-BYfHdDmw.js.map +0 -1
- package/dist/PasteIcon-ptcTxTKn.cjs.map +0 -1
- package/dist/QuestionIcon-DIohvO68.cjs.map +0 -1
- package/dist/QuestionIcon-DO9Z_XaS.js.map +0 -1
- package/dist/RemoveIcon-CdxnH0zu.cjs.map +0 -1
- package/dist/RemoveIcon-DwqdK0Jw.js.map +0 -1
- package/dist/SaveIcon-De8mjmxR.cjs.map +0 -1
- package/dist/SaveIcon-DsEa-gJr.js.map +0 -1
- package/dist/ShowIcon-BUCe-D_Z.js.map +0 -1
- package/dist/ShowIcon-vpYnzZnw.cjs.map +0 -1
- package/dist/UploadIcon-BW8L9vOq.js.map +0 -1
- package/dist/UploadIcon-CbYd_cha.cjs.map +0 -1
- package/dist/hooks/use-click-outside/__docs__/Example.d.ts +0 -2
- package/dist/hooks/use-container-dimensions/__docs__/Example.d.ts +0 -2
- package/dist/hooks/use-key-press/__docs__/Example.d.ts +0 -2
- package/dist/hooks/use-modal-focus-trap/__docs__/Example.d.ts +0 -2
- package/dist/hooks/use-mount/__docs__/Example.d.ts +0 -2
- package/dist/hooks/use-tooltip-position/__docs__/Example.d.ts +0 -2
- package/dist/hooks/use-window-dimensions/__docs__/Example.d.ts +0 -2
- package/dist/index-DdkNFaB4.js.map +0 -1
- package/dist/index-QKscbffq.cjs +0 -903
- package/dist/index-QKscbffq.cjs.map +0 -1
- package/dist/types/components/_common.d.ts +0 -15
- package/dist/types/components/alert.d.ts +0 -18
- package/dist/types/components/dialog.d.ts +0 -15
- package/dist/types/components/icon.d.ts +0 -12
- package/dist/types/components/multi-select.d.ts +0 -38
- package/dist/types/components/select.d.ts +0 -45
- package/dist/types/components/tabs.d.ts +0 -25
- package/dist/types/components/tooltip.d.ts +0 -9
- package/dist/types/index.d.ts +0 -14
- /package/dist/{icons/__tests__/Icons.test.d.ts → components/containers/menu/__tests__/Menu.test.d.ts} +0 -0
- /package/dist/icons/{ArrowDownIcon.d.ts → svg/ArrowDownIcon.d.ts} +0 -0
- /package/dist/icons/{ArrowUpIcon.d.ts → svg/ArrowUpIcon.d.ts} +0 -0
- /package/dist/icons/{BackIcon.d.ts → svg/BackIcon.d.ts} +0 -0
- /package/dist/icons/{CancelIcon.d.ts → svg/CancelIcon.d.ts} +0 -0
- /package/dist/icons/{CheckMarkIcon.d.ts → svg/CheckMarkIcon.d.ts} +0 -0
- /package/dist/icons/{CheckboxCheckedIcon.d.ts → svg/CheckboxCheckedIcon.d.ts} +0 -0
- /package/dist/icons/{CheckboxUncheckedIcon.d.ts → svg/CheckboxUncheckedIcon.d.ts} +0 -0
- /package/dist/icons/{ChevronDownIcon.d.ts → svg/ChevronDownIcon.d.ts} +0 -0
- /package/dist/icons/{ChevronLeftIcon.d.ts → svg/ChevronLeftIcon.d.ts} +0 -0
- /package/dist/icons/{ChevronRightIcon.d.ts → svg/ChevronRightIcon.d.ts} +0 -0
- /package/dist/icons/{ChevronUpIcon.d.ts → svg/ChevronUpIcon.d.ts} +0 -0
- /package/dist/icons/{ClearIcon.d.ts → svg/ClearIcon.d.ts} +0 -0
- /package/dist/icons/{CopyIcon.d.ts → svg/CopyIcon.d.ts} +0 -0
- /package/dist/icons/{CutIcon.d.ts → svg/CutIcon.d.ts} +0 -0
- /package/dist/icons/{DeleteIcon.d.ts → svg/DeleteIcon.d.ts} +0 -0
- /package/dist/icons/{DownloadIcon.d.ts → svg/DownloadIcon.d.ts} +0 -0
- /package/dist/icons/{ErrorIcon.d.ts → svg/ErrorIcon.d.ts} +0 -0
- /package/dist/icons/{ForwardIcon.d.ts → svg/ForwardIcon.d.ts} +0 -0
- /package/dist/icons/{HelpIcon.d.ts → svg/HelpIcon.d.ts} +0 -0
- /package/dist/icons/{HideIcon.d.ts → svg/HideIcon.d.ts} +0 -0
- /package/dist/icons/{InfoIcon.d.ts → svg/InfoIcon.d.ts} +0 -0
- /package/dist/icons/{PasteIcon.d.ts → svg/PasteIcon.d.ts} +0 -0
- /package/dist/icons/{QuestionIcon.d.ts → svg/QuestionIcon.d.ts} +0 -0
- /package/dist/icons/{RemoveIcon.d.ts → svg/RemoveIcon.d.ts} +0 -0
- /package/dist/icons/{SaveIcon.d.ts → svg/SaveIcon.d.ts} +0 -0
- /package/dist/icons/{ShowIcon.d.ts → svg/ShowIcon.d.ts} +0 -0
- /package/dist/icons/{UploadIcon.d.ts → svg/UploadIcon.d.ts} +0 -0
- /package/dist/icons/{WarningIcon.d.ts → svg/WarningIcon.d.ts} +0 -0
|
@@ -0,0 +1,993 @@
|
|
|
1
|
+
"use strict";const p=require("react"),io=require("react-dom");var Ft={exports:{}},Je={};/**
|
|
2
|
+
* @license React
|
|
3
|
+
* react-jsx-runtime.production.min.js
|
|
4
|
+
*
|
|
5
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
6
|
+
*
|
|
7
|
+
* This source code is licensed under the MIT license found in the
|
|
8
|
+
* LICENSE file in the root directory of this source tree.
|
|
9
|
+
*/var $r;function so(){if($r)return Je;$r=1;var e=p,t=Symbol.for("react.element"),r=Symbol.for("react.fragment"),n=Object.prototype.hasOwnProperty,o=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,i={key:!0,ref:!0,__self:!0,__source:!0};function a(d,c,h){var u,f={},y=null,g=null;h!==void 0&&(y=""+h),c.key!==void 0&&(y=""+c.key),c.ref!==void 0&&(g=c.ref);for(u in c)n.call(c,u)&&!i.hasOwnProperty(u)&&(f[u]=c[u]);if(d&&d.defaultProps)for(u in c=d.defaultProps,c)f[u]===void 0&&(f[u]=c[u]);return{$$typeof:t,type:d,key:y,ref:g,props:f,_owner:o.current}}return Je.Fragment=r,Je.jsx=a,Je.jsxs=a,Je}var Ze={};/**
|
|
10
|
+
* @license React
|
|
11
|
+
* react-jsx-runtime.development.js
|
|
12
|
+
*
|
|
13
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
14
|
+
*
|
|
15
|
+
* This source code is licensed under the MIT license found in the
|
|
16
|
+
* LICENSE file in the root directory of this source tree.
|
|
17
|
+
*/var xr;function ao(){return xr||(xr=1,process.env.NODE_ENV!=="production"&&function(){var e=p,t=Symbol.for("react.element"),r=Symbol.for("react.portal"),n=Symbol.for("react.fragment"),o=Symbol.for("react.strict_mode"),i=Symbol.for("react.profiler"),a=Symbol.for("react.provider"),d=Symbol.for("react.context"),c=Symbol.for("react.forward_ref"),h=Symbol.for("react.suspense"),u=Symbol.for("react.suspense_list"),f=Symbol.for("react.memo"),y=Symbol.for("react.lazy"),g=Symbol.for("react.offscreen"),b=Symbol.iterator,x="@@iterator";function E(s){if(s===null||typeof s!="object")return null;var m=b&&s[b]||s[x];return typeof m=="function"?m:null}var S=e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;function $(s){{for(var m=arguments.length,v=new Array(m>1?m-1:0),C=1;C<m;C++)v[C-1]=arguments[C];I("error",s,v)}}function I(s,m,v){{var C=S.ReactDebugCurrentFrame,O=C.getStackAddendum();O!==""&&(m+="%s",v=v.concat([O]));var M=v.map(function(T){return String(T)});M.unshift("Warning: "+m),Function.prototype.apply.call(console[s],console,M)}}var A=!1,P=!1,R=!1,w=!1,H=!1,J;J=Symbol.for("react.module.reference");function fe(s){return!!(typeof s=="string"||typeof s=="function"||s===n||s===i||H||s===o||s===h||s===u||w||s===g||A||P||R||typeof s=="object"&&s!==null&&(s.$$typeof===y||s.$$typeof===f||s.$$typeof===a||s.$$typeof===d||s.$$typeof===c||s.$$typeof===J||s.getModuleId!==void 0))}function pe(s,m,v){var C=s.displayName;if(C)return C;var O=m.displayName||m.name||"";return O!==""?v+"("+O+")":v}function me(s){return s.displayName||"Context"}function W(s){if(s==null)return null;if(typeof s.tag=="number"&&$("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),typeof s=="function")return s.displayName||s.name||null;if(typeof s=="string")return s;switch(s){case n:return"Fragment";case r:return"Portal";case i:return"Profiler";case o:return"StrictMode";case h:return"Suspense";case u:return"SuspenseList"}if(typeof s=="object")switch(s.$$typeof){case d:var m=s;return me(m)+".Consumer";case a:var v=s;return me(v._context)+".Provider";case c:return pe(s,s.render,"ForwardRef");case f:var C=s.displayName||null;return C!==null?C:W(s.type)||"Memo";case y:{var O=s,M=O._payload,T=O._init;try{return W(T(M))}catch{return null}}}return null}var ce=Object.assign,we=0,st,_e,Ye,Q,ge,ye,U;function Pe(){}Pe.__reactDisabledLog=!0;function qe(){{if(we===0){st=console.log,_e=console.info,Ye=console.warn,Q=console.error,ge=console.group,ye=console.groupCollapsed,U=console.groupEnd;var s={configurable:!0,enumerable:!0,value:Pe,writable:!0};Object.defineProperties(console,{info:s,log:s,warn:s,error:s,group:s,groupCollapsed:s,groupEnd:s})}we++}}function Ae(){{if(we--,we===0){var s={configurable:!0,enumerable:!0,writable:!0};Object.defineProperties(console,{log:ce({},s,{value:st}),info:ce({},s,{value:_e}),warn:ce({},s,{value:Ye}),error:ce({},s,{value:Q}),group:ce({},s,{value:ge}),groupCollapsed:ce({},s,{value:ye}),groupEnd:ce({},s,{value:U})})}we<0&&$("disabledDepth fell below zero. This is a bug in React. Please file an issue.")}}var le=S.ReactCurrentDispatcher,be;function re(s,m,v){{if(be===void 0)try{throw Error()}catch(O){var C=O.stack.trim().match(/\n( *(at )?)/);be=C&&C[1]||""}return`
|
|
18
|
+
`+be+s}}var ne=!1,ve;{var ze=typeof WeakMap=="function"?WeakMap:Map;ve=new ze}function oe(s,m){if(!s||ne)return"";{var v=ve.get(s);if(v!==void 0)return v}var C;ne=!0;var O=Error.prepareStackTrace;Error.prepareStackTrace=void 0;var M;M=le.current,le.current=null,qe();try{if(m){var T=function(){throw Error()};if(Object.defineProperty(T.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(T,[])}catch(q){C=q}Reflect.construct(s,[],T)}else{try{T.call()}catch(q){C=q}s.call(T.prototype)}}else{try{throw Error()}catch(q){C=q}s()}}catch(q){if(q&&C&&typeof q.stack=="string"){for(var z=q.stack.split(`
|
|
19
|
+
`),V=C.stack.split(`
|
|
20
|
+
`),L=z.length-1,F=V.length-1;L>=1&&F>=0&&z[L]!==V[F];)F--;for(;L>=1&&F>=0;L--,F--)if(z[L]!==V[F]){if(L!==1||F!==1)do if(L--,F--,F<0||z[L]!==V[F]){var ee=`
|
|
21
|
+
`+z[L].replace(" at new "," at ");return s.displayName&&ee.includes("<anonymous>")&&(ee=ee.replace("<anonymous>",s.displayName)),typeof s=="function"&&ve.set(s,ee),ee}while(L>=1&&F>=0);break}}}finally{ne=!1,le.current=M,Ae(),Error.prepareStackTrace=O}var Oe=s?s.displayName||s.name:"",Se=Oe?re(Oe):"";return typeof s=="function"&&ve.set(s,Se),Se}function On(s,m,v){return oe(s,!1)}function Dn(s){var m=s.prototype;return!!(m&&m.isReactComponent)}function at(s,m,v){if(s==null)return"";if(typeof s=="function")return oe(s,Dn(s));if(typeof s=="string")return re(s);switch(s){case h:return re("Suspense");case u:return re("SuspenseList")}if(typeof s=="object")switch(s.$$typeof){case c:return On(s.render);case f:return at(s.type,m,v);case y:{var C=s,O=C._payload,M=C._init;try{return at(M(O),m,v)}catch{}}}return""}var Ke=Object.prototype.hasOwnProperty,ar={},cr=S.ReactDebugCurrentFrame;function ct(s){if(s){var m=s._owner,v=at(s.type,s._source,m?m.type:null);cr.setExtraStackFrame(v)}else cr.setExtraStackFrame(null)}function Mn(s,m,v,C,O){{var M=Function.call.bind(Ke);for(var T in s)if(M(s,T)){var z=void 0;try{if(typeof s[T]!="function"){var V=Error((C||"React class")+": "+v+" type `"+T+"` is invalid; it must be a function, usually from the `prop-types` package, but received `"+typeof s[T]+"`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");throw V.name="Invariant Violation",V}z=s[T](m,T,C,v,null,"SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED")}catch(L){z=L}z&&!(z instanceof Error)&&(ct(O),$("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).",C||"React class",v,T,typeof z),ct(null)),z instanceof Error&&!(z.message in ar)&&(ar[z.message]=!0,ct(O),$("Failed %s type: %s",v,z.message),ct(null))}}}var Bn=Array.isArray;function _t(s){return Bn(s)}function Ln(s){{var m=typeof Symbol=="function"&&Symbol.toStringTag,v=m&&s[Symbol.toStringTag]||s.constructor.name||"Object";return v}}function Fn(s){try{return lr(s),!1}catch{return!0}}function lr(s){return""+s}function dr(s){if(Fn(s))return $("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.",Ln(s)),lr(s)}var Xe=S.ReactCurrentOwner,Nn={key:!0,ref:!0,__self:!0,__source:!0},ur,hr,Pt;Pt={};function Hn(s){if(Ke.call(s,"ref")){var m=Object.getOwnPropertyDescriptor(s,"ref").get;if(m&&m.isReactWarning)return!1}return s.ref!==void 0}function Wn(s){if(Ke.call(s,"key")){var m=Object.getOwnPropertyDescriptor(s,"key").get;if(m&&m.isReactWarning)return!1}return s.key!==void 0}function Gn(s,m){if(typeof s.ref=="string"&&Xe.current&&m&&Xe.current.stateNode!==m){var v=W(Xe.current.type);Pt[v]||($('Component "%s" contains the string ref "%s". Support for string refs will be removed in a future major release. This case cannot be automatically converted to an arrow function. We ask you to manually fix this case by using useRef() or createRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref',W(Xe.current.type),s.ref),Pt[v]=!0)}}function Un(s,m){{var v=function(){ur||(ur=!0,$("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",m))};v.isReactWarning=!0,Object.defineProperty(s,"key",{get:v,configurable:!0})}}function Vn(s,m){{var v=function(){hr||(hr=!0,$("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)",m))};v.isReactWarning=!0,Object.defineProperty(s,"ref",{get:v,configurable:!0})}}var Yn=function(s,m,v,C,O,M,T){var z={$$typeof:t,type:s,key:m,ref:v,props:T,_owner:M};return z._store={},Object.defineProperty(z._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:!1}),Object.defineProperty(z,"_self",{configurable:!1,enumerable:!1,writable:!1,value:C}),Object.defineProperty(z,"_source",{configurable:!1,enumerable:!1,writable:!1,value:O}),Object.freeze&&(Object.freeze(z.props),Object.freeze(z)),z};function qn(s,m,v,C,O){{var M,T={},z=null,V=null;v!==void 0&&(dr(v),z=""+v),Wn(m)&&(dr(m.key),z=""+m.key),Hn(m)&&(V=m.ref,Gn(m,O));for(M in m)Ke.call(m,M)&&!Nn.hasOwnProperty(M)&&(T[M]=m[M]);if(s&&s.defaultProps){var L=s.defaultProps;for(M in L)T[M]===void 0&&(T[M]=L[M])}if(z||V){var F=typeof s=="function"?s.displayName||s.name||"Unknown":s;z&&Un(T,F),V&&Vn(T,F)}return Yn(s,z,V,O,C,Xe.current,T)}}var At=S.ReactCurrentOwner,fr=S.ReactDebugCurrentFrame;function Te(s){if(s){var m=s._owner,v=at(s.type,s._source,m?m.type:null);fr.setExtraStackFrame(v)}else fr.setExtraStackFrame(null)}var zt;zt=!1;function Tt(s){return typeof s=="object"&&s!==null&&s.$$typeof===t}function pr(){{if(At.current){var s=W(At.current.type);if(s)return`
|
|
22
|
+
|
|
23
|
+
Check the render method of \``+s+"`."}return""}}function Kn(s){return""}var mr={};function Xn(s){{var m=pr();if(!m){var v=typeof s=="string"?s:s.displayName||s.name;v&&(m=`
|
|
24
|
+
|
|
25
|
+
Check the top-level render call using <`+v+">.")}return m}}function gr(s,m){{if(!s._store||s._store.validated||s.key!=null)return;s._store.validated=!0;var v=Xn(m);if(mr[v])return;mr[v]=!0;var C="";s&&s._owner&&s._owner!==At.current&&(C=" It was passed a child from "+W(s._owner.type)+"."),Te(s),$('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.',v,C),Te(null)}}function yr(s,m){{if(typeof s!="object")return;if(_t(s))for(var v=0;v<s.length;v++){var C=s[v];Tt(C)&&gr(C,m)}else if(Tt(s))s._store&&(s._store.validated=!0);else if(s){var O=E(s);if(typeof O=="function"&&O!==s.entries)for(var M=O.call(s),T;!(T=M.next()).done;)Tt(T.value)&&gr(T.value,m)}}}function Jn(s){{var m=s.type;if(m==null||typeof m=="string")return;var v;if(typeof m=="function")v=m.propTypes;else if(typeof m=="object"&&(m.$$typeof===c||m.$$typeof===f))v=m.propTypes;else return;if(v){var C=W(m);Mn(v,s.props,"prop",C,s)}else if(m.PropTypes!==void 0&&!zt){zt=!0;var O=W(m);$("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?",O||"Unknown")}typeof m.getDefaultProps=="function"&&!m.getDefaultProps.isReactClassApproved&&$("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.")}}function Zn(s){{for(var m=Object.keys(s.props),v=0;v<m.length;v++){var C=m[v];if(C!=="children"&&C!=="key"){Te(s),$("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.",C),Te(null);break}}s.ref!==null&&(Te(s),$("Invalid attribute `ref` supplied to `React.Fragment`."),Te(null))}}var br={};function vr(s,m,v,C,O,M){{var T=fe(s);if(!T){var z="";(s===void 0||typeof s=="object"&&s!==null&&Object.keys(s).length===0)&&(z+=" You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");var V=Kn();V?z+=V:z+=pr();var L;s===null?L="null":_t(s)?L="array":s!==void 0&&s.$$typeof===t?(L="<"+(W(s.type)||"Unknown")+" />",z=" Did you accidentally export a JSX literal instead of a component?"):L=typeof s,$("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s",L,z)}var F=qn(s,m,v,O,M);if(F==null)return F;if(T){var ee=m.children;if(ee!==void 0)if(C)if(_t(ee)){for(var Oe=0;Oe<ee.length;Oe++)yr(ee[Oe],s);Object.freeze&&Object.freeze(ee)}else $("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else yr(ee,s)}if(Ke.call(m,"key")){var Se=W(s),q=Object.keys(m).filter(function(oo){return oo!=="key"}),Ot=q.length>0?"{key: someKey, "+q.join(": ..., ")+": ...}":"{key: someKey}";if(!br[Se+Ot]){var no=q.length>0?"{"+q.join(": ..., ")+": ...}":"{}";$(`A props object containing a "key" prop is being spread into JSX:
|
|
26
|
+
let props = %s;
|
|
27
|
+
<%s {...props} />
|
|
28
|
+
React keys must be passed directly to JSX without using spread:
|
|
29
|
+
let props = %s;
|
|
30
|
+
<%s key={someKey} {...props} />`,Ot,Se,no,Se),br[Se+Ot]=!0}}return s===n?Zn(F):Jn(F),F}}function Qn(s,m,v){return vr(s,m,v,!0)}function eo(s,m,v){return vr(s,m,v,!1)}var to=eo,ro=Qn;Ze.Fragment=n,Ze.jsx=to,Ze.jsxs=ro}()),Ze}process.env.NODE_ENV==="production"?Ft.exports=so():Ft.exports=ao();var l=Ft.exports,K=function(){return K=Object.assign||function(t){for(var r,n=1,o=arguments.length;n<o;n++){r=arguments[n];for(var i in r)Object.prototype.hasOwnProperty.call(r,i)&&(t[i]=r[i])}return t},K.apply(this,arguments)};function Me(e,t,r){if(r||arguments.length===2)for(var n=0,o=t.length,i;n<o;n++)(i||!(n in t))&&(i||(i=Array.prototype.slice.call(t,0,n)),i[n]=t[n]);return e.concat(i||Array.prototype.slice.call(t))}function co(e){var t=Object.create(null);return function(r){return t[r]===void 0&&(t[r]=e(r)),t[r]}}var lo=/^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/,uo=co(function(e){return lo.test(e)||e.charCodeAt(0)===111&&e.charCodeAt(1)===110&&e.charCodeAt(2)<91}),B="-ms-",et="-moz-",D="-webkit-",Wr="comm",xt="rule",Kt="decl",ho="@import",Gr="@keyframes",fo="@layer",Ur=Math.abs,Xt=String.fromCharCode,Nt=Object.assign;function po(e,t){return G(e,0)^45?(((t<<2^G(e,0))<<2^G(e,1))<<2^G(e,2))<<2^G(e,3):0}function Vr(e){return e.trim()}function de(e,t){return(e=t.exec(e))?e[0]:e}function _(e,t,r){return e.replace(t,r)}function ft(e,t,r){return e.indexOf(t,r)}function G(e,t){return e.charCodeAt(t)|0}function Be(e,t,r){return e.slice(t,r)}function se(e){return e.length}function Yr(e){return e.length}function Qe(e,t){return t.push(e),e}function mo(e,t){return e.map(t).join("")}function wr(e,t){return e.filter(function(r){return!de(r,t)})}var wt=1,Le=1,qr=0,te=0,N=0,We="";function St(e,t,r,n,o,i,a,d){return{value:e,root:t,parent:r,type:n,props:o,children:i,line:wt,column:Le,length:a,return:"",siblings:d}}function $e(e,t){return Nt(St("",null,null,"",null,null,0,e.siblings),e,{length:-e.length},t)}function De(e){for(;e.root;)e=$e(e.root,{children:[e]});Qe(e,e.siblings)}function go(){return N}function yo(){return N=te>0?G(We,--te):0,Le--,N===10&&(Le=1,wt--),N}function ie(){return N=te<qr?G(We,te++):0,Le++,N===10&&(Le=1,wt++),N}function je(){return G(We,te)}function pt(){return te}function Ct(e,t){return Be(We,e,t)}function Ht(e){switch(e){case 0:case 9:case 10:case 13:case 32:return 5;case 33:case 43:case 44:case 47:case 62:case 64:case 126:case 59:case 123:case 125:return 4;case 58:return 3;case 34:case 39:case 40:case 91:return 2;case 41:case 93:return 1}return 0}function bo(e){return wt=Le=1,qr=se(We=e),te=0,[]}function vo(e){return We="",e}function Dt(e){return Vr(Ct(te-1,Wt(e===91?e+2:e===40?e+1:e)))}function $o(e){for(;(N=je())&&N<33;)ie();return Ht(e)>2||Ht(N)>3?"":" "}function xo(e,t){for(;--t&&ie()&&!(N<48||N>102||N>57&&N<65||N>70&&N<97););return Ct(e,pt()+(t<6&&je()==32&&ie()==32))}function Wt(e){for(;ie();)switch(N){case e:return te;case 34:case 39:e!==34&&e!==39&&Wt(N);break;case 40:e===41&&Wt(e);break;case 92:ie();break}return te}function wo(e,t){for(;ie()&&e+N!==57;)if(e+N===84&&je()===47)break;return"/*"+Ct(t,te-1)+"*"+Xt(e===47?e:ie())}function So(e){for(;!Ht(je());)ie();return Ct(e,te)}function Co(e){return vo(mt("",null,null,null,[""],e=bo(e),0,[0],e))}function mt(e,t,r,n,o,i,a,d,c){for(var h=0,u=0,f=a,y=0,g=0,b=0,x=1,E=1,S=1,$=0,I="",A=o,P=i,R=n,w=I;E;)switch(b=$,$=ie()){case 40:if(b!=108&&G(w,f-1)==58){ft(w+=_(Dt($),"&","&\f"),"&\f",Ur(h?d[h-1]:0))!=-1&&(S=-1);break}case 34:case 39:case 91:w+=Dt($);break;case 9:case 10:case 13:case 32:w+=$o(b);break;case 92:w+=xo(pt()-1,7);continue;case 47:switch(je()){case 42:case 47:Qe(ko(wo(ie(),pt()),t,r,c),c);break;default:w+="/"}break;case 123*x:d[h++]=se(w)*S;case 125*x:case 59:case 0:switch($){case 0:case 125:E=0;case 59+u:S==-1&&(w=_(w,/\f/g,"")),g>0&&se(w)-f&&Qe(g>32?Cr(w+";",n,r,f-1,c):Cr(_(w," ","")+";",n,r,f-2,c),c);break;case 59:w+=";";default:if(Qe(R=Sr(w,t,r,h,u,o,d,I,A=[],P=[],f,i),i),$===123)if(u===0)mt(w,t,R,R,A,i,f,d,P);else switch(y===99&&G(w,3)===110?100:y){case 100:case 108:case 109:case 115:mt(e,R,R,n&&Qe(Sr(e,R,R,0,0,o,d,I,o,A=[],f,P),P),o,P,f,d,n?A:P);break;default:mt(w,R,R,R,[""],P,0,d,P)}}h=u=g=0,x=S=1,I=w="",f=a;break;case 58:f=1+se(w),g=b;default:if(x<1){if($==123)--x;else if($==125&&x++==0&&yo()==125)continue}switch(w+=Xt($),$*x){case 38:S=u>0?1:(w+="\f",-1);break;case 44:d[h++]=(se(w)-1)*S,S=1;break;case 64:je()===45&&(w+=Dt(ie())),y=je(),u=f=se(I=w+=So(pt())),$++;break;case 45:b===45&&se(w)==2&&(x=0)}}return i}function Sr(e,t,r,n,o,i,a,d,c,h,u,f){for(var y=o-1,g=o===0?i:[""],b=Yr(g),x=0,E=0,S=0;x<n;++x)for(var $=0,I=Be(e,y+1,y=Ur(E=a[x])),A=e;$<b;++$)(A=Vr(E>0?g[$]+" "+I:_(I,/&\f/g,g[$])))&&(c[S++]=A);return St(e,t,r,o===0?xt:d,c,h,u,f)}function ko(e,t,r,n){return St(e,t,r,Wr,Xt(go()),Be(e,2,-2),0,n)}function Cr(e,t,r,n,o){return St(e,t,r,Kt,Be(e,0,n),Be(e,n+1,-1),n,o)}function Kr(e,t,r){switch(po(e,t)){case 5103:return D+"print-"+e+e;case 5737:case 4201:case 3177:case 3433:case 1641:case 4457:case 2921:case 5572:case 6356:case 5844:case 3191:case 6645:case 3005:case 6391:case 5879:case 5623:case 6135:case 4599:case 4855:case 4215:case 6389:case 5109:case 5365:case 5621:case 3829:return D+e+e;case 4789:return et+e+e;case 5349:case 4246:case 4810:case 6968:case 2756:return D+e+et+e+B+e+e;case 5936:switch(G(e,t+11)){case 114:return D+e+B+_(e,/[svh]\w+-[tblr]{2}/,"tb")+e;case 108:return D+e+B+_(e,/[svh]\w+-[tblr]{2}/,"tb-rl")+e;case 45:return D+e+B+_(e,/[svh]\w+-[tblr]{2}/,"lr")+e}case 6828:case 4268:case 2903:return D+e+B+e+e;case 6165:return D+e+B+"flex-"+e+e;case 5187:return D+e+_(e,/(\w+).+(:[^]+)/,D+"box-$1$2"+B+"flex-$1$2")+e;case 5443:return D+e+B+"flex-item-"+_(e,/flex-|-self/g,"")+(de(e,/flex-|baseline/)?"":B+"grid-row-"+_(e,/flex-|-self/g,""))+e;case 4675:return D+e+B+"flex-line-pack"+_(e,/align-content|flex-|-self/g,"")+e;case 5548:return D+e+B+_(e,"shrink","negative")+e;case 5292:return D+e+B+_(e,"basis","preferred-size")+e;case 6060:return D+"box-"+_(e,"-grow","")+D+e+B+_(e,"grow","positive")+e;case 4554:return D+_(e,/([^-])(transform)/g,"$1"+D+"$2")+e;case 6187:return _(_(_(e,/(zoom-|grab)/,D+"$1"),/(image-set)/,D+"$1"),e,"")+e;case 5495:case 3959:return _(e,/(image-set\([^]*)/,D+"$1$`$1");case 4968:return _(_(e,/(.+:)(flex-)?(.*)/,D+"box-pack:$3"+B+"flex-pack:$3"),/s.+-b[^;]+/,"justify")+D+e+e;case 4200:if(!de(e,/flex-|baseline/))return B+"grid-column-align"+Be(e,t)+e;break;case 2592:case 3360:return B+_(e,"template-","")+e;case 4384:case 3616:return r&&r.some(function(n,o){return t=o,de(n.props,/grid-\w+-end/)})?~ft(e+(r=r[t].value),"span",0)?e:B+_(e,"-start","")+e+B+"grid-row-span:"+(~ft(r,"span",0)?de(r,/\d+/):+de(r,/\d+/)-+de(e,/\d+/))+";":B+_(e,"-start","")+e;case 4896:case 4128:return r&&r.some(function(n){return de(n.props,/grid-\w+-start/)})?e:B+_(_(e,"-end","-span"),"span ","")+e;case 4095:case 3583:case 4068:case 2532:return _(e,/(.+)-inline(.+)/,D+"$1$2")+e;case 8116:case 7059:case 5753:case 5535:case 5445:case 5701:case 4933:case 4677:case 5533:case 5789:case 5021:case 4765:if(se(e)-1-t>6)switch(G(e,t+1)){case 109:if(G(e,t+4)!==45)break;case 102:return _(e,/(.+:)(.+)-([^]+)/,"$1"+D+"$2-$3$1"+et+(G(e,t+3)==108?"$3":"$2-$3"))+e;case 115:return~ft(e,"stretch",0)?Kr(_(e,"stretch","fill-available"),t,r)+e:e}break;case 5152:case 5920:return _(e,/(.+?):(\d+)(\s*\/\s*(span)?\s*(\d+))?(.*)/,function(n,o,i,a,d,c,h){return B+o+":"+i+h+(a?B+o+"-span:"+(d?c:+c-+i)+h:"")+e});case 4949:if(G(e,t+6)===121)return _(e,":",":"+D)+e;break;case 6444:switch(G(e,G(e,14)===45?18:11)){case 120:return _(e,/(.+:)([^;\s!]+)(;|(\s+)?!.+)?/,"$1"+D+(G(e,14)===45?"inline-":"")+"box$3$1"+D+"$2$3$1"+B+"$2box$3")+e;case 100:return _(e,":",":"+B)+e}break;case 5719:case 2647:case 2135:case 3927:case 2391:return _(e,"scroll-","scroll-snap-")+e}return e}function bt(e,t){for(var r="",n=0;n<e.length;n++)r+=t(e[n],n,e,t)||"";return r}function jo(e,t,r,n){switch(e.type){case fo:if(e.children.length)break;case ho:case Kt:return e.return=e.return||e.value;case Wr:return"";case Gr:return e.return=e.value+"{"+bt(e.children,n)+"}";case xt:if(!se(e.value=e.props.join(",")))return""}return se(r=bt(e.children,n))?e.return=e.value+"{"+r+"}":""}function Eo(e){var t=Yr(e);return function(r,n,o,i){for(var a="",d=0;d<t;d++)a+=e[d](r,n,o,i)||"";return a}}function Io(e){return function(t){t.root||(t=t.return)&&e(t)}}function Ro(e,t,r,n){if(e.length>-1&&!e.return)switch(e.type){case Kt:e.return=Kr(e.value,e.length,r);return;case Gr:return bt([$e(e,{value:_(e.value,"@","@"+D)})],n);case xt:if(e.length)return mo(r=e.props,function(o){switch(de(o,n=/(::plac\w+|:read-\w+)/)){case":read-only":case":read-write":De($e(e,{props:[_(o,/:(read-\w+)/,":"+et+"$1")]})),De($e(e,{props:[o]})),Nt(e,{props:wr(r,n)});break;case"::placeholder":De($e(e,{props:[_(o,/:(plac\w+)/,":"+D+"input-$1")]})),De($e(e,{props:[_(o,/:(plac\w+)/,":"+et+"$1")]})),De($e(e,{props:[_(o,/:(plac\w+)/,B+"input-$1")]})),De($e(e,{props:[o]})),Nt(e,{props:wr(r,n)});break}return""})}}var _o={animationIterationCount:1,aspectRatio:1,borderImageOutset:1,borderImageSlice:1,borderImageWidth:1,boxFlex:1,boxFlexGroup:1,boxOrdinalGroup:1,columnCount:1,columns:1,flex:1,flexGrow:1,flexPositive:1,flexShrink:1,flexNegative:1,flexOrder:1,gridRow:1,gridRowEnd:1,gridRowSpan:1,gridRowStart:1,gridColumn:1,gridColumnEnd:1,gridColumnSpan:1,gridColumnStart:1,msGridRow:1,msGridRowSpan:1,msGridColumn:1,msGridColumnSpan:1,fontWeight:1,lineHeight:1,opacity:1,order:1,orphans:1,tabSize:1,widows:1,zIndex:1,zoom:1,WebkitLineClamp:1,fillOpacity:1,floodOpacity:1,stopOpacity:1,strokeDasharray:1,strokeDashoffset:1,strokeMiterlimit:1,strokeOpacity:1,strokeWidth:1},Ie=typeof process<"u"&&process.env!==void 0&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||"data-styled",Xr="active",Jr="data-styled-version",kt="6.1.13",Jt=`/*!sc*/
|
|
31
|
+
`,vt=typeof window<"u"&&"HTMLElement"in window,Po=!!(typeof SC_DISABLE_SPEEDY=="boolean"?SC_DISABLE_SPEEDY:typeof process<"u"&&process.env!==void 0&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==void 0&&process.env.REACT_APP_SC_DISABLE_SPEEDY!==""?process.env.REACT_APP_SC_DISABLE_SPEEDY!=="false"&&process.env.REACT_APP_SC_DISABLE_SPEEDY:typeof process<"u"&&process.env!==void 0&&process.env.SC_DISABLE_SPEEDY!==void 0&&process.env.SC_DISABLE_SPEEDY!==""?process.env.SC_DISABLE_SPEEDY!=="false"&&process.env.SC_DISABLE_SPEEDY:process.env.NODE_ENV!=="production"),kr=/invalid hook call/i,lt=new Set,Ao=function(e,t){if(process.env.NODE_ENV!=="production"){var r=t?' with the id of "'.concat(t,'"'):"",n="The component ".concat(e).concat(r,` has been created dynamically.
|
|
32
|
+
`)+`You may see this warning because you've called styled inside another component.
|
|
33
|
+
To resolve this only create new StyledComponents outside of any render method and function component.`,o=console.error;try{var i=!0;console.error=function(a){for(var d=[],c=1;c<arguments.length;c++)d[c-1]=arguments[c];kr.test(a)?(i=!1,lt.delete(n)):o.apply(void 0,Me([a],d,!1))},p.useRef(),i&&!lt.has(n)&&(console.warn(n),lt.add(n))}catch(a){kr.test(a.message)&<.delete(n)}finally{console.error=o}}},jt=Object.freeze([]),Fe=Object.freeze({});function zo(e,t,r){return r===void 0&&(r=Fe),e.theme!==r.theme&&e.theme||t||r.theme}var Gt=new Set(["a","abbr","address","area","article","aside","audio","b","base","bdi","bdo","big","blockquote","body","br","button","canvas","caption","cite","code","col","colgroup","data","datalist","dd","del","details","dfn","dialog","div","dl","dt","em","embed","fieldset","figcaption","figure","footer","form","h1","h2","h3","h4","h5","h6","header","hgroup","hr","html","i","iframe","img","input","ins","kbd","keygen","label","legend","li","link","main","map","mark","menu","menuitem","meta","meter","nav","noscript","object","ol","optgroup","option","output","p","param","picture","pre","progress","q","rp","rt","ruby","s","samp","script","section","select","small","source","span","strong","style","sub","summary","sup","table","tbody","td","textarea","tfoot","th","thead","time","tr","track","u","ul","use","var","video","wbr","circle","clipPath","defs","ellipse","foreignObject","g","image","line","linearGradient","marker","mask","path","pattern","polygon","polyline","radialGradient","rect","stop","svg","text","tspan"]),To=/[!"#$%&'()*+,./:;<=>?@[\\\]^`{|}~-]+/g,Oo=/(^-|-$)/g;function jr(e){return e.replace(To,"-").replace(Oo,"")}var Do=/(a)(d)/gi,dt=52,Er=function(e){return String.fromCharCode(e+(e>25?39:97))};function Ut(e){var t,r="";for(t=Math.abs(e);t>dt;t=t/dt|0)r=Er(t%dt)+r;return(Er(t%dt)+r).replace(Do,"$1-$2")}var Mt,Zr=5381,Ce=function(e,t){for(var r=t.length;r;)e=33*e^t.charCodeAt(--r);return e},Qr=function(e){return Ce(Zr,e)};function Mo(e){return Ut(Qr(e)>>>0)}function en(e){return process.env.NODE_ENV!=="production"&&typeof e=="string"&&e||e.displayName||e.name||"Component"}function Bt(e){return typeof e=="string"&&(process.env.NODE_ENV==="production"||e.charAt(0)===e.charAt(0).toLowerCase())}var tn=typeof Symbol=="function"&&Symbol.for,rn=tn?Symbol.for("react.memo"):60115,Bo=tn?Symbol.for("react.forward_ref"):60112,Lo={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},Fo={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},nn={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},No=((Mt={})[Bo]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},Mt[rn]=nn,Mt);function Ir(e){return("type"in(t=e)&&t.type.$$typeof)===rn?nn:"$$typeof"in e?No[e.$$typeof]:Lo;var t}var Ho=Object.defineProperty,Wo=Object.getOwnPropertyNames,Rr=Object.getOwnPropertySymbols,Go=Object.getOwnPropertyDescriptor,Uo=Object.getPrototypeOf,_r=Object.prototype;function on(e,t,r){if(typeof t!="string"){if(_r){var n=Uo(t);n&&n!==_r&&on(e,n,r)}var o=Wo(t);Rr&&(o=o.concat(Rr(t)));for(var i=Ir(e),a=Ir(t),d=0;d<o.length;++d){var c=o[d];if(!(c in Fo||r&&r[c]||a&&c in a||i&&c in i)){var h=Go(t,c);try{Ho(e,c,h)}catch{}}}}return e}function Ne(e){return typeof e=="function"}function Zt(e){return typeof e=="object"&&"styledComponentId"in e}function ke(e,t){return e&&t?"".concat(e," ").concat(t):e||t||""}function Pr(e,t){if(e.length===0)return"";for(var r=e[0],n=1;n<e.length;n++)r+=e[n];return r}function He(e){return e!==null&&typeof e=="object"&&e.constructor.name===Object.name&&!("props"in e&&e.$$typeof)}function Vt(e,t,r){if(r===void 0&&(r=!1),!r&&!He(e)&&!Array.isArray(e))return t;if(Array.isArray(t))for(var n=0;n<t.length;n++)e[n]=Vt(e[n],t[n]);else if(He(t))for(var n in t)e[n]=Vt(e[n],t[n]);return e}function Qt(e,t){Object.defineProperty(e,"toString",{value:t})}var Vo=process.env.NODE_ENV!=="production"?{1:`Cannot create styled-component for component: %s.
|
|
34
|
+
|
|
35
|
+
`,2:`Can't collect styles once you've consumed a \`ServerStyleSheet\`'s styles! \`ServerStyleSheet\` is a one off instance for each server-side render cycle.
|
|
36
|
+
|
|
37
|
+
- Are you trying to reuse it across renders?
|
|
38
|
+
- Are you accidentally calling collectStyles twice?
|
|
39
|
+
|
|
40
|
+
`,3:`Streaming SSR is only supported in a Node.js environment; Please do not try to call this method in the browser.
|
|
41
|
+
|
|
42
|
+
`,4:`The \`StyleSheetManager\` expects a valid target or sheet prop!
|
|
43
|
+
|
|
44
|
+
- Does this error occur on the client and is your target falsy?
|
|
45
|
+
- Does this error occur on the server and is the sheet falsy?
|
|
46
|
+
|
|
47
|
+
`,5:`The clone method cannot be used on the client!
|
|
48
|
+
|
|
49
|
+
- Are you running in a client-like environment on the server?
|
|
50
|
+
- Are you trying to run SSR on the client?
|
|
51
|
+
|
|
52
|
+
`,6:`Trying to insert a new style tag, but the given Node is unmounted!
|
|
53
|
+
|
|
54
|
+
- Are you using a custom target that isn't mounted?
|
|
55
|
+
- Does your document not have a valid head element?
|
|
56
|
+
- Have you accidentally removed a style tag manually?
|
|
57
|
+
|
|
58
|
+
`,7:'ThemeProvider: Please return an object from your "theme" prop function, e.g.\n\n```js\ntheme={() => ({})}\n```\n\n',8:`ThemeProvider: Please make your "theme" prop an object.
|
|
59
|
+
|
|
60
|
+
`,9:"Missing document `<head>`\n\n",10:`Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021
|
|
61
|
+
|
|
62
|
+
`,11:`_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.
|
|
63
|
+
|
|
64
|
+
`,12:"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\`\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\n\n",13:`%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.
|
|
65
|
+
|
|
66
|
+
`,14:`ThemeProvider: "theme" prop is required.
|
|
67
|
+
|
|
68
|
+
`,15:"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to `<StyleSheetManager stylisPlugins={[]}>`, please make sure each plugin is uniquely-named, e.g.\n\n```js\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\n```\n\n",16:`Reached the limit of how many styled components may be created at group %s.
|
|
69
|
+
You may only create up to 1,073,741,824 components. If you're creating components dynamically,
|
|
70
|
+
as for instance in your render method then you may be running into this limitation.
|
|
71
|
+
|
|
72
|
+
`,17:`CSSStyleSheet could not be found on HTMLStyleElement.
|
|
73
|
+
Has styled-components' style tag been unmounted or altered by another script?
|
|
74
|
+
`,18:"ThemeProvider: Please make sure your useTheme hook is within a `<ThemeProvider>`"}:{};function Yo(){for(var e=[],t=0;t<arguments.length;t++)e[t]=arguments[t];for(var r=e[0],n=[],o=1,i=e.length;o<i;o+=1)n.push(e[o]);return n.forEach(function(a){r=r.replace(/%[a-z]/,a)}),r}function Ge(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];return process.env.NODE_ENV==="production"?new Error("An error occurred. See https://github.com/styled-components/styled-components/blob/main/packages/styled-components/src/utils/errors.md#".concat(e," for more information.").concat(t.length>0?" Args: ".concat(t.join(", ")):"")):new Error(Yo.apply(void 0,Me([Vo[e]],t,!1)).trim())}var qo=function(){function e(t){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=t}return e.prototype.indexOfGroup=function(t){for(var r=0,n=0;n<t;n++)r+=this.groupSizes[n];return r},e.prototype.insertRules=function(t,r){if(t>=this.groupSizes.length){for(var n=this.groupSizes,o=n.length,i=o;t>=i;)if((i<<=1)<0)throw Ge(16,"".concat(t));this.groupSizes=new Uint32Array(i),this.groupSizes.set(n),this.length=i;for(var a=o;a<i;a++)this.groupSizes[a]=0}for(var d=this.indexOfGroup(t+1),c=(a=0,r.length);a<c;a++)this.tag.insertRule(d,r[a])&&(this.groupSizes[t]++,d++)},e.prototype.clearGroup=function(t){if(t<this.length){var r=this.groupSizes[t],n=this.indexOfGroup(t),o=n+r;this.groupSizes[t]=0;for(var i=n;i<o;i++)this.tag.deleteRule(n)}},e.prototype.getGroup=function(t){var r="";if(t>=this.length||this.groupSizes[t]===0)return r;for(var n=this.groupSizes[t],o=this.indexOfGroup(t),i=o+n,a=o;a<i;a++)r+="".concat(this.tag.getRule(a)).concat(Jt);return r},e}(),Ko=1<<30,gt=new Map,$t=new Map,yt=1,ut=function(e){if(gt.has(e))return gt.get(e);for(;$t.has(yt);)yt++;var t=yt++;if(process.env.NODE_ENV!=="production"&&((0|t)<0||t>Ko))throw Ge(16,"".concat(t));return gt.set(e,t),$t.set(t,e),t},Xo=function(e,t){yt=t+1,gt.set(e,t),$t.set(t,e)},Jo="style[".concat(Ie,"][").concat(Jr,'="').concat(kt,'"]'),Zo=new RegExp("^".concat(Ie,'\\.g(\\d+)\\[id="([\\w\\d-]+)"\\].*?"([^"]*)')),Qo=function(e,t,r){for(var n,o=r.split(","),i=0,a=o.length;i<a;i++)(n=o[i])&&e.registerName(t,n)},ei=function(e,t){for(var r,n=((r=t.textContent)!==null&&r!==void 0?r:"").split(Jt),o=[],i=0,a=n.length;i<a;i++){var d=n[i].trim();if(d){var c=d.match(Zo);if(c){var h=0|parseInt(c[1],10),u=c[2];h!==0&&(Xo(u,h),Qo(e,u,c[3]),e.getTag().insertRules(h,o)),o.length=0}else o.push(d)}}},Ar=function(e){for(var t=document.querySelectorAll(Jo),r=0,n=t.length;r<n;r++){var o=t[r];o&&o.getAttribute(Ie)!==Xr&&(ei(e,o),o.parentNode&&o.parentNode.removeChild(o))}};function ti(){return typeof __webpack_nonce__<"u"?__webpack_nonce__:null}var sn=function(e){var t=document.head,r=e||t,n=document.createElement("style"),o=function(d){var c=Array.from(d.querySelectorAll("style[".concat(Ie,"]")));return c[c.length-1]}(r),i=o!==void 0?o.nextSibling:null;n.setAttribute(Ie,Xr),n.setAttribute(Jr,kt);var a=ti();return a&&n.setAttribute("nonce",a),r.insertBefore(n,i),n},ri=function(){function e(t){this.element=sn(t),this.element.appendChild(document.createTextNode("")),this.sheet=function(r){if(r.sheet)return r.sheet;for(var n=document.styleSheets,o=0,i=n.length;o<i;o++){var a=n[o];if(a.ownerNode===r)return a}throw Ge(17)}(this.element),this.length=0}return e.prototype.insertRule=function(t,r){try{return this.sheet.insertRule(r,t),this.length++,!0}catch{return!1}},e.prototype.deleteRule=function(t){this.sheet.deleteRule(t),this.length--},e.prototype.getRule=function(t){var r=this.sheet.cssRules[t];return r&&r.cssText?r.cssText:""},e}(),ni=function(){function e(t){this.element=sn(t),this.nodes=this.element.childNodes,this.length=0}return e.prototype.insertRule=function(t,r){if(t<=this.length&&t>=0){var n=document.createTextNode(r);return this.element.insertBefore(n,this.nodes[t]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(t){this.element.removeChild(this.nodes[t]),this.length--},e.prototype.getRule=function(t){return t<this.length?this.nodes[t].textContent:""},e}(),oi=function(){function e(t){this.rules=[],this.length=0}return e.prototype.insertRule=function(t,r){return t<=this.length&&(this.rules.splice(t,0,r),this.length++,!0)},e.prototype.deleteRule=function(t){this.rules.splice(t,1),this.length--},e.prototype.getRule=function(t){return t<this.length?this.rules[t]:""},e}(),zr=vt,ii={isServer:!vt,useCSSOMInjection:!Po},an=function(){function e(t,r,n){t===void 0&&(t=Fe),r===void 0&&(r={});var o=this;this.options=K(K({},ii),t),this.gs=r,this.names=new Map(n),this.server=!!t.isServer,!this.server&&vt&&zr&&(zr=!1,Ar(this)),Qt(this,function(){return function(i){for(var a=i.getTag(),d=a.length,c="",h=function(f){var y=function(S){return $t.get(S)}(f);if(y===void 0)return"continue";var g=i.names.get(y),b=a.getGroup(f);if(g===void 0||!g.size||b.length===0)return"continue";var x="".concat(Ie,".g").concat(f,'[id="').concat(y,'"]'),E="";g!==void 0&&g.forEach(function(S){S.length>0&&(E+="".concat(S,","))}),c+="".concat(b).concat(x,'{content:"').concat(E,'"}').concat(Jt)},u=0;u<d;u++)h(u);return c}(o)})}return e.registerId=function(t){return ut(t)},e.prototype.rehydrate=function(){!this.server&&vt&&Ar(this)},e.prototype.reconstructWithOptions=function(t,r){return r===void 0&&(r=!0),new e(K(K({},this.options),t),this.gs,r&&this.names||void 0)},e.prototype.allocateGSInstance=function(t){return this.gs[t]=(this.gs[t]||0)+1},e.prototype.getTag=function(){return this.tag||(this.tag=(t=function(r){var n=r.useCSSOMInjection,o=r.target;return r.isServer?new oi(o):n?new ri(o):new ni(o)}(this.options),new qo(t)));var t},e.prototype.hasNameForId=function(t,r){return this.names.has(t)&&this.names.get(t).has(r)},e.prototype.registerName=function(t,r){if(ut(t),this.names.has(t))this.names.get(t).add(r);else{var n=new Set;n.add(r),this.names.set(t,n)}},e.prototype.insertRules=function(t,r,n){this.registerName(t,r),this.getTag().insertRules(ut(t),n)},e.prototype.clearNames=function(t){this.names.has(t)&&this.names.get(t).clear()},e.prototype.clearRules=function(t){this.getTag().clearGroup(ut(t)),this.clearNames(t)},e.prototype.clearTag=function(){this.tag=void 0},e}(),si=/&/g,ai=/^\s*\/\/.*$/gm;function cn(e,t){return e.map(function(r){return r.type==="rule"&&(r.value="".concat(t," ").concat(r.value),r.value=r.value.replaceAll(",",",".concat(t," ")),r.props=r.props.map(function(n){return"".concat(t," ").concat(n)})),Array.isArray(r.children)&&r.type!=="@keyframes"&&(r.children=cn(r.children,t)),r})}function ci(e){var t,r,n,o=Fe,i=o.options,a=i===void 0?Fe:i,d=o.plugins,c=d===void 0?jt:d,h=function(y,g,b){return b.startsWith(r)&&b.endsWith(r)&&b.replaceAll(r,"").length>0?".".concat(t):y},u=c.slice();u.push(function(y){y.type===xt&&y.value.includes("&")&&(y.props[0]=y.props[0].replace(si,r).replace(n,h))}),a.prefix&&u.push(Ro),u.push(jo);var f=function(y,g,b,x){g===void 0&&(g=""),b===void 0&&(b=""),x===void 0&&(x="&"),t=x,r=g,n=new RegExp("\\".concat(r,"\\b"),"g");var E=y.replace(ai,""),S=Co(b||g?"".concat(b," ").concat(g," { ").concat(E," }"):E);a.namespace&&(S=cn(S,a.namespace));var $=[];return bt(S,Eo(u.concat(Io(function(I){return $.push(I)})))),$};return f.hash=c.length?c.reduce(function(y,g){return g.name||Ge(15),Ce(y,g.name)},Zr).toString():"",f}var li=new an,Yt=ci(),ln=p.createContext({shouldForwardProp:void 0,styleSheet:li,stylis:Yt});ln.Consumer;p.createContext(void 0);function Tr(){return p.useContext(ln)}var Or=function(){function e(t,r){var n=this;this.inject=function(o,i){i===void 0&&(i=Yt);var a=n.name+i.hash;o.hasNameForId(n.id,a)||o.insertRules(n.id,a,i(n.rules,a,"@keyframes"))},this.name=t,this.id="sc-keyframes-".concat(t),this.rules=r,Qt(this,function(){throw Ge(12,String(n.name))})}return e.prototype.getName=function(t){return t===void 0&&(t=Yt),this.name+t.hash},e}(),di=function(e){return e>="A"&&e<="Z"};function Dr(e){for(var t="",r=0;r<e.length;r++){var n=e[r];if(r===1&&n==="-"&&e[0]==="-")return e;di(n)?t+="-"+n.toLowerCase():t+=n}return t.startsWith("ms-")?"-"+t:t}var dn=function(e){return e==null||e===!1||e===""},un=function(e){var t,r,n=[];for(var o in e){var i=e[o];e.hasOwnProperty(o)&&!dn(i)&&(Array.isArray(i)&&i.isCss||Ne(i)?n.push("".concat(Dr(o),":"),i,";"):He(i)?n.push.apply(n,Me(Me(["".concat(o," {")],un(i),!1),["}"],!1)):n.push("".concat(Dr(o),": ").concat((t=o,(r=i)==null||typeof r=="boolean"||r===""?"":typeof r!="number"||r===0||t in _o||t.startsWith("--")?String(r).trim():"".concat(r,"px")),";")))}return n};function Ee(e,t,r,n){if(dn(e))return[];if(Zt(e))return[".".concat(e.styledComponentId)];if(Ne(e)){if(!Ne(i=e)||i.prototype&&i.prototype.isReactComponent||!t)return[e];var o=e(t);return process.env.NODE_ENV==="production"||typeof o!="object"||Array.isArray(o)||o instanceof Or||He(o)||o===null||console.error("".concat(en(e)," is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.")),Ee(o,t,r,n)}var i;return e instanceof Or?r?(e.inject(r,n),[e.getName(n)]):[e]:He(e)?un(e):Array.isArray(e)?Array.prototype.concat.apply(jt,e.map(function(a){return Ee(a,t,r,n)})):[e.toString()]}function ui(e){for(var t=0;t<e.length;t+=1){var r=e[t];if(Ne(r)&&!Zt(r))return!1}return!0}var hi=Qr(kt),fi=function(){function e(t,r,n){this.rules=t,this.staticRulesId="",this.isStatic=process.env.NODE_ENV==="production"&&(n===void 0||n.isStatic)&&ui(t),this.componentId=r,this.baseHash=Ce(hi,r),this.baseStyle=n,an.registerId(r)}return e.prototype.generateAndInjectStyles=function(t,r,n){var o=this.baseStyle?this.baseStyle.generateAndInjectStyles(t,r,n):"";if(this.isStatic&&!n.hash)if(this.staticRulesId&&r.hasNameForId(this.componentId,this.staticRulesId))o=ke(o,this.staticRulesId);else{var i=Pr(Ee(this.rules,t,r,n)),a=Ut(Ce(this.baseHash,i)>>>0);if(!r.hasNameForId(this.componentId,a)){var d=n(i,".".concat(a),void 0,this.componentId);r.insertRules(this.componentId,a,d)}o=ke(o,a),this.staticRulesId=a}else{for(var c=Ce(this.baseHash,n.hash),h="",u=0;u<this.rules.length;u++){var f=this.rules[u];if(typeof f=="string")h+=f,process.env.NODE_ENV!=="production"&&(c=Ce(c,f));else if(f){var y=Pr(Ee(f,t,r,n));c=Ce(c,y+u),h+=y}}if(h){var g=Ut(c>>>0);r.hasNameForId(this.componentId,g)||r.insertRules(this.componentId,g,n(h,".".concat(g),void 0,this.componentId)),o=ke(o,g)}}return o},e}(),hn=p.createContext(void 0);hn.Consumer;var Lt={},Mr=new Set;function pi(e,t,r){var n=Zt(e),o=e,i=!Bt(e),a=t.attrs,d=a===void 0?jt:a,c=t.componentId,h=c===void 0?function(A,P){var R=typeof A!="string"?"sc":jr(A);Lt[R]=(Lt[R]||0)+1;var w="".concat(R,"-").concat(Mo(kt+R+Lt[R]));return P?"".concat(P,"-").concat(w):w}(t.displayName,t.parentComponentId):c,u=t.displayName,f=u===void 0?function(A){return Bt(A)?"styled.".concat(A):"Styled(".concat(en(A),")")}(e):u,y=t.displayName&&t.componentId?"".concat(jr(t.displayName),"-").concat(t.componentId):t.componentId||h,g=n&&o.attrs?o.attrs.concat(d).filter(Boolean):d,b=t.shouldForwardProp;if(n&&o.shouldForwardProp){var x=o.shouldForwardProp;if(t.shouldForwardProp){var E=t.shouldForwardProp;b=function(A,P){return x(A,P)&&E(A,P)}}else b=x}var S=new fi(r,y,n?o.componentStyle:void 0);function $(A,P){return function(R,w,H){var J=R.attrs,fe=R.componentStyle,pe=R.defaultProps,me=R.foldedComponentIds,W=R.styledComponentId,ce=R.target,we=p.useContext(hn),st=Tr(),_e=R.shouldForwardProp||st.shouldForwardProp;process.env.NODE_ENV!=="production"&&p.useDebugValue(W);var Ye=zo(w,we,pe)||Fe,Q=function(Ae,le,be){for(var re,ne=K(K({},le),{className:void 0,theme:be}),ve=0;ve<Ae.length;ve+=1){var ze=Ne(re=Ae[ve])?re(ne):re;for(var oe in ze)ne[oe]=oe==="className"?ke(ne[oe],ze[oe]):oe==="style"?K(K({},ne[oe]),ze[oe]):ze[oe]}return le.className&&(ne.className=ke(ne.className,le.className)),ne}(J,w,Ye),ge=Q.as||ce,ye={};for(var U in Q)Q[U]===void 0||U[0]==="$"||U==="as"||U==="theme"&&Q.theme===Ye||(U==="forwardedAs"?ye.as=Q.forwardedAs:_e&&!_e(U,ge)||(ye[U]=Q[U],_e||process.env.NODE_ENV!=="development"||uo(U)||Mr.has(U)||!Gt.has(ge)||(Mr.add(U),console.warn('styled-components: it looks like an unknown prop "'.concat(U,'" is being sent through to the DOM, which will likely trigger a React console error. If you would like automatic filtering of unknown props, you can opt-into that behavior via `<StyleSheetManager shouldForwardProp={...}>` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var Pe=function(Ae,le){var be=Tr(),re=Ae.generateAndInjectStyles(le,be.styleSheet,be.stylis);return process.env.NODE_ENV!=="production"&&p.useDebugValue(re),re}(fe,Q);process.env.NODE_ENV!=="production"&&R.warnTooManyClasses&&R.warnTooManyClasses(Pe);var qe=ke(me,W);return Pe&&(qe+=" "+Pe),Q.className&&(qe+=" "+Q.className),ye[Bt(ge)&&!Gt.has(ge)?"class":"className"]=qe,ye.ref=H,p.createElement(ge,ye)}(I,A,P)}$.displayName=f;var I=p.forwardRef($);return I.attrs=g,I.componentStyle=S,I.displayName=f,I.shouldForwardProp=b,I.foldedComponentIds=n?ke(o.foldedComponentIds,o.styledComponentId):"",I.styledComponentId=y,I.target=n?o.target:e,Object.defineProperty(I,"defaultProps",{get:function(){return this._foldedDefaultProps},set:function(A){this._foldedDefaultProps=n?function(P){for(var R=[],w=1;w<arguments.length;w++)R[w-1]=arguments[w];for(var H=0,J=R;H<J.length;H++)Vt(P,J[H],!0);return P}({},o.defaultProps,A):A}}),process.env.NODE_ENV!=="production"&&(Ao(f,y),I.warnTooManyClasses=function(A,P){var R={},w=!1;return function(H){if(!w&&(R[H]=!0,Object.keys(R).length>=200)){var J=P?' with the id of "'.concat(P,'"'):"";console.warn("Over ".concat(200," classes were generated for component ").concat(A).concat(J,`.
|
|
75
|
+
`)+`Consider using the attrs method, together with a style object for frequently changed styles.
|
|
76
|
+
Example:
|
|
77
|
+
const Component = styled.div.attrs(props => ({
|
|
78
|
+
style: {
|
|
79
|
+
background: props.background,
|
|
80
|
+
},
|
|
81
|
+
}))\`width: 100%;\`
|
|
82
|
+
|
|
83
|
+
<Component />`),w=!0,R={}}}}(f,y)),Qt(I,function(){return".".concat(I.styledComponentId)}),i&&on(I,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),I}function Br(e,t){for(var r=[e[0]],n=0,o=t.length;n<o;n+=1)r.push(t[n],e[n+1]);return r}var Lr=function(e){return Object.assign(e,{isCss:!0})};function mi(e){for(var t=[],r=1;r<arguments.length;r++)t[r-1]=arguments[r];if(Ne(e)||He(e))return Lr(Ee(Br(jt,Me([e],t,!0))));var n=e;return t.length===0&&n.length===1&&typeof n[0]=="string"?Ee(n):Lr(Ee(Br(n,t)))}function qt(e,t,r){if(r===void 0&&(r=Fe),!t)throw Ge(1,t);var n=function(o){for(var i=[],a=1;a<arguments.length;a++)i[a-1]=arguments[a];return e(t,r,mi.apply(void 0,Me([o],i,!1)))};return n.attrs=function(o){return qt(e,t,K(K({},r),{attrs:Array.prototype.concat(r.attrs,o).filter(Boolean)}))},n.withConfig=function(o){return qt(e,t,K(K({},r),o))},n}var fn=function(e){return qt(pi,e)},k=fn;Gt.forEach(function(e){k[e]=fn(e)});process.env.NODE_ENV!=="production"&&typeof navigator<"u"&&navigator.product==="ReactNative"&&console.warn(`It looks like you've imported 'styled-components' on React Native.
|
|
84
|
+
Perhaps you're looking to import 'styled-components/native'?
|
|
85
|
+
Read more about this at https://www.styled-components.com/docs/basics#react-native`);var ht="__sc-".concat(Ie,"__");process.env.NODE_ENV!=="production"&&process.env.NODE_ENV!=="test"&&typeof window<"u"&&(window[ht]||(window[ht]=0),window[ht]===1&&console.warn(`It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.
|
|
86
|
+
|
|
87
|
+
See https://s-c.sh/2BAXzed for more info.`),window[ht]+=1);const Ue=`
|
|
88
|
+
animation: fadeIn ease 400ms;
|
|
89
|
+
-webkit-animation: fadeIn ease 400ms;
|
|
90
|
+
-moz-animation: fadeIn ease 400ms;
|
|
91
|
+
|
|
92
|
+
@keyframes fadeIn {
|
|
93
|
+
0% {
|
|
94
|
+
opacity: 0;
|
|
95
|
+
}
|
|
96
|
+
100% {
|
|
97
|
+
opacity: 1;
|
|
98
|
+
}
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
@-moz-keyframes fadeIn {
|
|
102
|
+
0% {
|
|
103
|
+
opacity: 0;
|
|
104
|
+
}
|
|
105
|
+
100% {
|
|
106
|
+
opacity: 1;
|
|
107
|
+
}
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
@-webkit-keyframes fadeIn {
|
|
111
|
+
0% {
|
|
112
|
+
opacity: 0;
|
|
113
|
+
}
|
|
114
|
+
100% {
|
|
115
|
+
opacity: 1;
|
|
116
|
+
}
|
|
117
|
+
}
|
|
118
|
+
`,pn=`
|
|
119
|
+
animation: fadeOut ease 400ms;
|
|
120
|
+
-webkit-animation: fadeOut ease 400ms;
|
|
121
|
+
-moz-animation: fadeOut ease 400ms;
|
|
122
|
+
|
|
123
|
+
@keyframes fadeOut {
|
|
124
|
+
0% {
|
|
125
|
+
opacity: 1;
|
|
126
|
+
}
|
|
127
|
+
100% {
|
|
128
|
+
opacity: 0;
|
|
129
|
+
}
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
@-moz-keyframes fadeOut {
|
|
133
|
+
0% {
|
|
134
|
+
opacity: 1;
|
|
135
|
+
}
|
|
136
|
+
100% {
|
|
137
|
+
opacity: 0;
|
|
138
|
+
}
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
@-webkit-keyframes fadeOut {
|
|
142
|
+
0% {
|
|
143
|
+
opacity: 1;
|
|
144
|
+
}
|
|
145
|
+
100% {
|
|
146
|
+
opacity: 0;
|
|
147
|
+
}
|
|
148
|
+
}
|
|
149
|
+
`,gi=Object.freeze({phones:"only screen and (max-width: 600px)",portraitTablets:"only screen and (min-width: 600px)",landscapeTablets:"only screen and (min-width: 768px)",laptops:"only screen and (min-width: 992px)",desktops:"only screen and (min-width: 1200px)"}),yi={fontColorBase:"hsl(0, 0%, 24%)",fontColorLight:"hsl(0, 0%, 62%)",fontColorAccent:"hsl(345, 100%, 47%)",backgroundColorBase:"hsl(0, 0%, 100%)",backgroundColorLight:"hsl(0, 0%, 95%)",backgroundColorTransparent:"hsla(0, 0%, 0%, 0.3)",gradientShadow:"linear-gradient(to left, hsl(340deg 100% 16%) 0%, hsl(340deg 100% 32%) 8%, hsl(340deg 100% 32%) 92%, hsl(340deg 100% 16%) 100%)",fontFamilyCore:"Arial, Helvetica, sans-serif",fontFamilyMonospace:"'Courier New', Courier, monospace",fontSizeBase:"1.2rem",fontSizeSmall:"0.8rem",fontSizeHeader:"2rem",gapSmall:"0.25rem",gapMedium:"0.6rem",gapBig:"1rem",iconSize:"1.2rem",blockBorderRadius:"0.25rem",boxShadow:"hsla(0, 0%, 0%, 0.15) 2.4px 2.4px 3.2px",textShadow:"2.4px 2.4px 3.2px hsla(0, 0%, 0%, 0.3)",borderBase:"1px solid hsl(0, 0%, 84%)",borderLight:"1px solid hsl(0, 0%, 89%)",borderAccent:"1px solid hsl(345, 100%, 47%)",borderOutline:"1px solid hsl(0, 0%, 24%)",zIndexBase:"1",zIndexPopup:"100",zIndexModal:"200"},bi={fontColorBase:"hsl(0, 0%, 100%)",fontColorLight:"hsl(0, 0%, 92%)",fontColorAccent:"hsl(16, 82%, 52%)",backgroundColorBase:"hsl(0, 0%, 17%)",backgroundColorLight:"hsl(0, 0%, 24%)",backgroundColorTransparent:"hsla(0, 0%, 92%, 0.3)",gradientShadow:"linear-gradient(to left, hsl(16, 86%, 26%) 0%, hsl(16, 86%, 30%) 8%, hsl(16, 86%, 30%) 92%, hsl(16, 86%, 26%) 100%)",fontFamilyCore:"Arial, Helvetica, sans-serif",fontFamilyMonospace:"'Courier New', Courier, monospace",fontSizeBase:"1.2rem",fontSizeSmall:"0.8rem",fontSizeHeader:"2rem",gapSmall:"0.25rem",gapMedium:"0.6rem",gapBig:"1rem",iconSize:"1.2rem",blockBorderRadius:"0.25rem",boxShadow:"hsla(0, 0%, 92%, 0.15) 2.4px 2.4px 3.2px",textShadow:"2.4px 2.4px 3.2px hsla(0, 0%, 92%, 0.3)",borderBase:"1px solid hsl(0, 0%, 11%)",borderLight:"1px solid hsl(0, 0%, 29%)",borderAccent:"1px solid hsl(16, 82%, 52%)",borderOutline:"1px solid hsl(0, 0%, 100%)",zIndexBase:"1",zIndexPopup:"100",zIndexModal:"200"},vi=k.span`
|
|
150
|
+
display: ${({$visible:e})=>e?"block":"none"};
|
|
151
|
+
position: absolute;
|
|
152
|
+
max-width: 100%;
|
|
153
|
+
right: 0;
|
|
154
|
+
top: 72px;
|
|
155
|
+
opacity: 0.8;
|
|
156
|
+
z-index: ${e=>e.$theme.zIndexPopup};
|
|
157
|
+
background-color: ${e=>e.$theme.backgroundColorBase};
|
|
158
|
+
border: ${e=>e.$theme.borderAccent};
|
|
159
|
+
color: ${e=>e.$theme.fontColorAccent};
|
|
160
|
+
padding: ${e=>e.$theme.gapMedium};
|
|
161
|
+
font-size: ${e=>e.$theme.fontSizeSmall};
|
|
162
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
163
|
+
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
164
|
+
box-shadow: ${e=>e.$theme.boxShadow};
|
|
165
|
+
pointer-events: none;
|
|
166
|
+
|
|
167
|
+
${Ue}
|
|
168
|
+
`,er=({errorId:e,testId:t,message:r="Invalid input",visible:n=!1,style:o,theme:i})=>l.jsx(vi,{id:e,$visible:n,"data-testid":t,style:o,$theme:i,"aria-hidden":!n,children:r});var Z=(e=>(e.Success="success",e.Error="error",e.Warning="warning",e.Info="info",e.Help="help",e))(Z||{}),ue=(e=>(e.Primary="primary",e.Flat="flat",e.Icon="icon",e))(ue||{}),j=(e=>(e.ArrowDown="arrow-down",e.ArrowUp="arrow-up",e.Back="back",e.Cancel="cancel",e.CheckboxChecked="checkbox-checked",e.CheckboxUnchecked="checkbox-unchecked",e.CheckMark="check-mark",e.ChevronDown="chevron-down",e.ChevronLeft="chevron-left",e.ChevronRight="chevron-right",e.ChevronUp="chevron-up",e.Clear="clear",e.Copy="copy",e.Cut="cut",e.Delete="delete",e.Download="download",e.Error="error",e.Forward="forward",e.Graduate="graduate",e.Help="help",e.Hide="hide",e.Home="home",e.Info="info",e.Login="login",e.Paste="paste",e.Question="question",e.Save="save",e.Show="show",e.Upload="upload",e.Warning="warning",e.Remove="remove",e))(j||{}),Y=(e=>(e.Vertical="vertical",e.Horizontal="horizontal",e))(Y||{}),tr=(e=>(e.Light="light",e.Dark="dark",e))(tr||{}),rr=(e=>(e.Span="span",e.Div="div",e.P="p",e.Strong="strong",e.Em="em",e))(rr||{});const $i=p.lazy(()=>Promise.resolve().then(()=>fs)),xi=p.lazy(()=>Promise.resolve().then(()=>ps)),wi=p.lazy(()=>Promise.resolve().then(()=>require("./BackIcon-B0IoN27D.cjs"))),Si=p.lazy(()=>Promise.resolve().then(()=>require("./CancelIcon-BGhGDbfZ.cjs"))),Ci=p.lazy(()=>Promise.resolve().then(()=>ss)),ki=p.lazy(()=>Promise.resolve().then(()=>as)),ji=p.lazy(()=>Promise.resolve().then(()=>Is)),Ei=p.lazy(()=>Promise.resolve().then(()=>require("./ChevronDownIcon-h8H0L8Hv.cjs"))),Ii=p.lazy(()=>Promise.resolve().then(()=>require("./ChevronLeftIcon-A2hTuAO5.cjs"))),Ri=p.lazy(()=>Promise.resolve().then(()=>require("./ChevronRightIcon-hVUtPO5t.cjs"))),_i=p.lazy(()=>Promise.resolve().then(()=>require("./ChevronUpIcon-CfZKzJY1.cjs"))),Pi=p.lazy(()=>Promise.resolve().then(()=>require("./ClearIcon-D-UZnQ3m.cjs"))),Ai=p.lazy(()=>Promise.resolve().then(()=>require("./CopyIcon-DWkVx4t5.cjs"))),zi=p.lazy(()=>Promise.resolve().then(()=>require("./CutIcon-CppPwIWE.cjs"))),Ti=p.lazy(()=>Promise.resolve().then(()=>require("./DeleteIcon-CMYDDE3X.cjs"))),Oi=p.lazy(()=>Promise.resolve().then(()=>require("./DownloadIcon-C0yaVMpG.cjs"))),Di=p.lazy(()=>Promise.resolve().then(()=>Hs)),Mi=p.lazy(()=>Promise.resolve().then(()=>require("./ForwardIcon-Bc-05K6x.cjs"))),Bi=p.lazy(()=>Promise.resolve().then(()=>require("./GraduateIcon-BmFZe0lQ.cjs"))),Li=p.lazy(()=>Promise.resolve().then(()=>Ws)),Fi=p.lazy(()=>Promise.resolve().then(()=>require("./HideIcon-3YKADak6.cjs"))),Ni=p.lazy(()=>Promise.resolve().then(()=>require("./HomeIcon-CXxcN7dx.cjs"))),Hi=p.lazy(()=>Promise.resolve().then(()=>Gs)),Wi=p.lazy(()=>Promise.resolve().then(()=>require("./LoginIcon-DCYox3ik.cjs"))),Gi=p.lazy(()=>Promise.resolve().then(()=>require("./PasteIcon-BzIjPzp-.cjs"))),Ui=p.lazy(()=>Promise.resolve().then(()=>require("./QuestionIcon-CS7QbHw7.cjs"))),Vi=p.lazy(()=>Promise.resolve().then(()=>require("./RemoveIcon-Dr5ninb9.cjs"))),Yi=p.lazy(()=>Promise.resolve().then(()=>require("./SaveIcon-Dlv9zimb.cjs"))),qi=p.lazy(()=>Promise.resolve().then(()=>require("./ShowIcon-Cpx3ET2y.cjs"))),Ki=p.lazy(()=>Promise.resolve().then(()=>require("./UploadIcon-CrzPw48u.cjs"))),Xi=p.lazy(()=>Promise.resolve().then(()=>Us)),Ji={[j.ArrowDown]:$i,[j.ArrowUp]:xi,[j.Back]:wi,[j.Cancel]:Si,[j.CheckboxChecked]:Ci,[j.CheckboxUnchecked]:ki,[j.CheckMark]:ji,[j.ChevronDown]:Ei,[j.ChevronUp]:_i,[j.ChevronLeft]:Ii,[j.ChevronRight]:Ri,[j.Clear]:Pi,[j.Copy]:Ai,[j.Cut]:zi,[j.Delete]:Ti,[j.Download]:Oi,[j.Error]:Di,[j.Forward]:Mi,[j.Graduate]:Bi,[j.Help]:Li,[j.Hide]:Fi,[j.Home]:Ni,[j.Info]:Hi,[j.Login]:Wi,[j.Paste]:Gi,[j.Question]:Ui,[j.Save]:Yi,[j.Show]:qi,[j.Upload]:Ki,[j.Warning]:Xi,[j.Remove]:Vi},ae=({name:e,...t})=>{if(!e)return null;const r=l.jsx("span",{style:{fontSize:"1rem"},"aria-label":"SVG Icon Fallback",children:"⬜"}),n=Ji[e];return l.jsx(p.Suspense,{fallback:r,children:l.jsx(n,{...t})})},Zi=k.button`
|
|
169
|
+
background: transparent;
|
|
170
|
+
border: none;
|
|
171
|
+
display: flex;
|
|
172
|
+
align-items: center;
|
|
173
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
174
|
+
color: ${e=>e.$theme.fontColorLight};
|
|
175
|
+
padding: 0;
|
|
176
|
+
|
|
177
|
+
&:focus-visible {
|
|
178
|
+
outline: ${e=>e.$theme.borderOutline};
|
|
179
|
+
outline-offset: -1px;
|
|
180
|
+
}
|
|
181
|
+
|
|
182
|
+
&:hover {
|
|
183
|
+
color: ${e=>e.$theme.fontColorAccent};
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
svg {
|
|
187
|
+
cursor: pointer;
|
|
188
|
+
height: ${e=>e.$theme.iconSize};
|
|
189
|
+
width: ${e=>e.$theme.iconSize};
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
&[disabled] {
|
|
193
|
+
pointer-events: none;
|
|
194
|
+
opacity: 0.5;
|
|
195
|
+
}
|
|
196
|
+
`,tt=({onClick:e,label:t,icon:r,disabled:n,theme:o})=>l.jsx(Zi,{onClick:e,"aria-label":t,type:"button",disabled:n,$theme:o,children:l.jsx(ae,{name:r})}),Qi=k.label`
|
|
197
|
+
display: flex;
|
|
198
|
+
align-items: center;
|
|
199
|
+
font-size: ${e=>e.$theme.fontSizeSmall};
|
|
200
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
201
|
+
gap: ${e=>e.$theme.gapSmall};
|
|
202
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
203
|
+
|
|
204
|
+
&:hover {
|
|
205
|
+
text-shadow: ${e=>e.$theme.textShadow};
|
|
206
|
+
}
|
|
207
|
+
|
|
208
|
+
& + span {
|
|
209
|
+
text-wrap: nowrap;
|
|
210
|
+
overflow: hidden;
|
|
211
|
+
text-overflow: ellipsis;
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
& abbr {
|
|
215
|
+
text-decoration: none;
|
|
216
|
+
cursor: pointer;
|
|
217
|
+
color: ${e=>e.$theme.fontColorAccent};
|
|
218
|
+
margin-left: ${e=>e.$theme.gapSmall};
|
|
219
|
+
}
|
|
220
|
+
`,Re=({label:e,required:t,inputId:r,theme:n,icon:o,iconPosition:i,isTextHidden:a=!1,style:d})=>{const c=!!o&&i==="left",h=!!o&&i==="right";return l.jsxs(Qi,{htmlFor:r,style:d,$theme:n,children:[c&&o,!a&&l.jsxs("span",{children:[e,t&&l.jsx("abbr",{title:"required",children:"*"})]}),h&&o]})};function es(e){return({tooltip:t,visibleOn:r,...n})=>t!=null&&t.length?l.jsx(Rn,{tooltipContent:t,visibleOn:r,children:l.jsx(e,{...n})}):l.jsx(e,{...n})}const xe=p.createContext({}),mn=p.createContext({mode:tr.Light});function ts(e,t){const r=e==="dark"?bi:yi;if(t)for(const n in t){const o=n;Object.prototype.hasOwnProperty.call(r,o)&&(r[o]=t[o].toString())}return r}function rt(e){const t=document.getElementById(e);t&&t.focus()}function gn({e,options:t,onClose:r}){let n="";t.forEach(i=>{document.getElementById(i.id)===document.activeElement&&(n=i.id)});const o=t.findIndex(i=>i.id===n);switch(e.key){case"Escape":e.preventDefault(),r();break;case"ArrowUp":{e.preventDefault();const i=o-1>=0?o-1:t.length-1,a=t[i];a&&rt(a.id);break}case"ArrowDown":case"Tab":{e.preventDefault();const i=o===t.length-1?0:o+1,a=t[i];a&&rt(a.id);break}}}const X=()=>{const{customTheme:e,mode:t}=p.useContext(mn);return ts(t,e)},ot=({ref:e,onClickOutsideHandler:t,dependentRef:r})=>{p.useEffect(()=>{const n=o=>{const i=(e==null?void 0:e.current)&&!e.current.contains(o.target),a=r!=null&&r.current?!r.current.contains(o.target):!0;i&&a&&t()};return document.addEventListener("mousedown",n),()=>{document.removeEventListener("mousedown",n)}},[e,r,t])},yn=({ref:e,isVisible:t})=>{const[r,n]=p.useState({width:0,height:0});return p.useEffect(()=>{e.current&&t&&n({width:e.current.offsetWidth,height:e.current.offsetHeight})},[e,t]),r};function he(e){const t=p.useId(),r=e??t,n=`${r}_error`,o=`${r}_dropdown`;return{elementId:r,errorId:n,dropdownId:o}}const it=({ref:e,keyCode:t,onKeyPress:r})=>{p.useEffect(()=>{const n=o=>{(o==null?void 0:o.code)===t&&(e!=null&&e.current)&&r()};return document.addEventListener("keydown",n,!1),()=>{document.removeEventListener("keydown",n,!1)}},[e,t,r])},bn=({modalRef:e,isOpened:t})=>{p.useEffect(()=>{const r=e.current;if(!t||!r)return;const n=r.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'),o=n[0],i=n[n.length-1],a=d=>{d.key==="Tab"&&(d.shiftKey&&document.activeElement===o?(d.preventDefault(),i.focus()):!d.shiftKey&&document.activeElement===i&&(d.preventDefault(),o.focus()))};return r.addEventListener("keydown",a),()=>{r.removeEventListener("keydown",a)}},[e,t])},nr=(e,t=300)=>{const[r,n]=p.useState(!1);return p.useEffect(()=>{e&&!r?n(!0):!e&&r&&setTimeout(()=>{n(!1)},t)},[e]),r},Ve=e=>{const{resetSignal:t}=p.useContext(xe);p.useEffect(()=>{t&&e()},[t,e])};function Fr(){const{innerWidth:e,innerHeight:t}=window;return{width:e,height:t}}function vn(){const[e,t]=p.useState(Fr());return p.useEffect(()=>{function r(){t(Fr())}return window.addEventListener("resize",r),()=>window.removeEventListener("resize",r)},[]),e}const $n=({wrapperRef:e,tooltipRef:t,isOpened:r,spacing:n=4})=>{const[o,i]=p.useState({top:0,left:0}),{width:a,height:d}=yn({ref:t,isVisible:r}),{width:c,height:h}=vn();return p.useEffect(()=>{if(r&&e.current){const u=e.current.getBoundingClientRect();let f=Math.round(u.bottom+n),y=Math.round(u.left);f+d>window.innerHeight&&(f=Math.round(u.top-d-n)),y+a>window.innerWidth&&(y=Math.round(window.innerWidth-a-n)),y<0&&(y=n),i({top:f,left:y})}},[r,e,d,a,n,c,h]),o},rs=k.button`
|
|
221
|
+
position: relative;
|
|
222
|
+
border: none;
|
|
223
|
+
background: transparent;
|
|
224
|
+
padding: 0;
|
|
225
|
+
cursor: pointer;
|
|
226
|
+
outline: none;
|
|
227
|
+
transition: filter 250ms;
|
|
228
|
+
width: ${e=>e.$extended?"100%":"inherit"};
|
|
229
|
+
|
|
230
|
+
&[disabled] {
|
|
231
|
+
pointer-events: none;
|
|
232
|
+
opacity: 0.5;
|
|
233
|
+
}
|
|
234
|
+
|
|
235
|
+
.chop-logic-button_shadow {
|
|
236
|
+
position: absolute;
|
|
237
|
+
top: 0;
|
|
238
|
+
left: 0;
|
|
239
|
+
width: 100%;
|
|
240
|
+
height: 100%;
|
|
241
|
+
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
242
|
+
background: hsl(0deg 0% 0% / 0.25);
|
|
243
|
+
will-change: transform;
|
|
244
|
+
transform: translateY(2px);
|
|
245
|
+
transition: transform 600ms cubic-bezier(0.3, 0.7, 0.4, 1);
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
.chop-logic-button_edge {
|
|
249
|
+
position: absolute;
|
|
250
|
+
top: 0;
|
|
251
|
+
left: 0;
|
|
252
|
+
width: 100%;
|
|
253
|
+
height: 100%;
|
|
254
|
+
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
255
|
+
background: ${e=>e.$theme.gradientShadow};
|
|
256
|
+
}
|
|
257
|
+
|
|
258
|
+
.chop-logic-button_front {
|
|
259
|
+
display: flex;
|
|
260
|
+
align-items: center;
|
|
261
|
+
justify-content: center;
|
|
262
|
+
gap: ${e=>e.$theme.gapSmall};
|
|
263
|
+
position: relative;
|
|
264
|
+
padding: ${e=>`${e.$theme.gapMedium} ${e.$theme.gapBig}`};
|
|
265
|
+
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
266
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
267
|
+
color: #ffffff;
|
|
268
|
+
background: ${e=>e.$theme.fontColorAccent};
|
|
269
|
+
will-change: transform;
|
|
270
|
+
transform: translateY(-4px);
|
|
271
|
+
transition: transform 600ms cubic-bezier(0.3, 0.7, 0.4, 1);
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
&:hover {
|
|
275
|
+
filter: brightness(110%);
|
|
276
|
+
}
|
|
277
|
+
|
|
278
|
+
&:hover .chop-logic-button_front {
|
|
279
|
+
transform: translateY(-6px);
|
|
280
|
+
transition: transform 250ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
|
|
281
|
+
}
|
|
282
|
+
|
|
283
|
+
&:active .chop-logic-button_front {
|
|
284
|
+
transform: translateY(-2px);
|
|
285
|
+
transition: transform 34ms;
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
&:hover .chop-logic-button_shadow {
|
|
289
|
+
transform: translateY(4px);
|
|
290
|
+
transition: transform 250ms cubic-bezier(0.3, 0.7, 0.4, 1.5);
|
|
291
|
+
}
|
|
292
|
+
|
|
293
|
+
&:active .chop-logic-button_shadow {
|
|
294
|
+
transform: translateY(1px);
|
|
295
|
+
transition: transform 34ms;
|
|
296
|
+
}
|
|
297
|
+
|
|
298
|
+
&:focus-visible {
|
|
299
|
+
outline: revert;
|
|
300
|
+
outline: ${e=>e.$theme.borderOutline};
|
|
301
|
+
outline-offset: 4px;
|
|
302
|
+
}
|
|
303
|
+
`,ns=k.button`
|
|
304
|
+
border: none;
|
|
305
|
+
cursor: pointer;
|
|
306
|
+
display: flex;
|
|
307
|
+
align-items: center;
|
|
308
|
+
justify-content: center;
|
|
309
|
+
gap: ${e=>e.$theme.gapSmall};
|
|
310
|
+
padding: ${e=>`${e.$theme.gapMedium} ${e.$theme.gapBig}`};
|
|
311
|
+
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
312
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
313
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
314
|
+
background: transparent;
|
|
315
|
+
width: ${e=>e.$extended?"100%":"inherit"};
|
|
316
|
+
|
|
317
|
+
&:hover,
|
|
318
|
+
&:active {
|
|
319
|
+
background: ${e=>e.$theme.backgroundColorLight};
|
|
320
|
+
transition: all 0.3s ease 0s;
|
|
321
|
+
color: ${e=>e.$theme.fontColorAccent};
|
|
322
|
+
}
|
|
323
|
+
|
|
324
|
+
&:focus-visible {
|
|
325
|
+
outline: ${e=>e.$theme.borderOutline};
|
|
326
|
+
}
|
|
327
|
+
|
|
328
|
+
&[disabled] {
|
|
329
|
+
pointer-events: none;
|
|
330
|
+
opacity: 0.5;
|
|
331
|
+
}
|
|
332
|
+
`,os=k.button`
|
|
333
|
+
border: none;
|
|
334
|
+
cursor: pointer;
|
|
335
|
+
display: flex;
|
|
336
|
+
align-items: center;
|
|
337
|
+
justify-content: center;
|
|
338
|
+
padding: ${e=>e.$theme.gapMedium};
|
|
339
|
+
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
340
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
341
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
342
|
+
background: transparent;
|
|
343
|
+
|
|
344
|
+
&:hover {
|
|
345
|
+
background-color: ${e=>e.$theme.backgroundColorLight};
|
|
346
|
+
color: ${e=>e.$theme.fontColorAccent};
|
|
347
|
+
transition: all 0.3s ease 0s;
|
|
348
|
+
}
|
|
349
|
+
|
|
350
|
+
&:focus-visible {
|
|
351
|
+
outline: ${e=>e.$theme.borderOutline};
|
|
352
|
+
}
|
|
353
|
+
|
|
354
|
+
&[disabled] {
|
|
355
|
+
pointer-events: none;
|
|
356
|
+
opacity: 0.5;
|
|
357
|
+
}
|
|
358
|
+
|
|
359
|
+
svg {
|
|
360
|
+
height: ${e=>e.$theme.iconSize};
|
|
361
|
+
width: ${e=>e.$theme.iconSize};
|
|
362
|
+
}
|
|
363
|
+
`,is=({onClick:e,text:t,icon:r,label:n,disabled:o=!1,extended:i=!1,type:a="button",view:d=ue.Primary,...c})=>{const h=X();switch(d){case ue.Primary:return l.jsxs(rs,{$extended:i,"aria-label":n,type:a,onClick:e,disabled:o,$theme:h,...c,children:[l.jsx("span",{className:"chop-logic-button_shadow"}),l.jsx("span",{className:"chop-logic-button_edge"}),l.jsxs("span",{className:"chop-logic-button_front",children:[l.jsx(ae,{name:r}),t]})]});case ue.Flat:return l.jsxs(ns,{$extended:i,"aria-label":n,type:a,onClick:e,disabled:o,$theme:h,...c,children:[l.jsx(ae,{name:r}),t]});case ue.Icon:return l.jsx(os,{"aria-label":n,type:a,onClick:e,disabled:o,$theme:h,...c,children:l.jsx(ae,{name:r})});default:return null}},nt=es(is);function Et(e){return l.jsx("svg",{viewBox:"0 0 16 16",fill:"currentColor",height:"1em",width:"1em",...e,children:l.jsx("path",{fill:"currentColor",d:"M14 0H2C.9 0 0 .9 0 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zM7 12.414L3.293 8.707l1.414-1.414L7 9.586l4.793-4.793 1.414 1.414L7 12.414z"})})}const ss=Object.freeze(Object.defineProperty({__proto__:null,default:Et},Symbol.toStringTag,{value:"Module"}));function It(e){return l.jsx("svg",{viewBox:"0 0 16 16",fill:"currentColor",height:"1em",width:"1em",...e,children:l.jsx("path",{fill:"currentColor",d:"M14 0H2C.9 0 0 .9 0 2v12c0 1.1.9 2 2 2h12c1.1 0 2-.9 2-2V2c0-1.1-.9-2-2-2zm0 14H2V2h12v12z"})})}const as=Object.freeze(Object.defineProperty({__proto__:null,default:It},Symbol.toStringTag,{value:"Module"})),cs=k.div`
|
|
364
|
+
display: flex;
|
|
365
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
366
|
+
padding: ${e=>e.$theme.gapMedium} 0;
|
|
367
|
+
position: relative;
|
|
368
|
+
overflow: hidden;
|
|
369
|
+
|
|
370
|
+
& svg {
|
|
371
|
+
color: ${e=>e.$checked?e.$theme.fontColorAccent:e.$theme.fontColorLight};
|
|
372
|
+
}
|
|
373
|
+
|
|
374
|
+
& label {
|
|
375
|
+
cursor: pointer;
|
|
376
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
377
|
+
font-size: ${e=>e.$theme.fontSizeBase} !important;
|
|
378
|
+
&:hover,
|
|
379
|
+
&:active {
|
|
380
|
+
text-shadow: ${e=>e.$theme.textShadow};
|
|
381
|
+
}
|
|
382
|
+
}
|
|
383
|
+
|
|
384
|
+
${e=>e.$disabled&&`
|
|
385
|
+
pointer-events: none;
|
|
386
|
+
opacity: 0.5;
|
|
387
|
+
`}
|
|
388
|
+
|
|
389
|
+
& input {
|
|
390
|
+
position: absolute;
|
|
391
|
+
z-index: -1;
|
|
392
|
+
opacity: 0;
|
|
393
|
+
top: 4px;
|
|
394
|
+
left: 0;
|
|
395
|
+
margin: 0;
|
|
396
|
+
|
|
397
|
+
&:focus-visible + label {
|
|
398
|
+
outline: ${e=>e.$theme.borderOutline};
|
|
399
|
+
outline-offset: 2px;
|
|
400
|
+
}
|
|
401
|
+
}
|
|
402
|
+
`;function ls({defaultChecked:e,initialValues:t,name:r}){return t&&(t==null?void 0:t[r])!==void 0?!!(t!=null&&t[r]):!!e}function ds({name:e,defaultChecked:t,onChange:r}){const{onChangeFormInput:n,initialValues:o}=p.useContext(xe),i=ls({initialValues:o,name:e,defaultChecked:t}),[a,d]=p.useState(i),c=u=>{const f=u.target.checked;d(f),r==null||r(u),n==null||n({name:e,value:f})},h=p.useCallback(()=>{d(i),n==null||n({name:e,value:i})},[e]);return Ve(h),{handleChange:c,checked:a}}const us=({name:e,label:t,disabled:r,noLabel:n,required:o=!1,iconPosition:i="left",defaultChecked:a,onChange:d,id:c,...h})=>{const{handleChange:u,checked:f}=ds({name:e,defaultChecked:a,onChange:d}),{elementId:y}=he(c),g=X();return l.jsxs(cs,{$disabled:!!r,$theme:g,$checked:f,...h,children:[l.jsx("input",{id:y,name:e,type:"checkbox",disabled:r,required:o,checked:f,onChange:u,"aria-label":n?t:void 0}),l.jsx(Re,{label:t,required:o,inputId:y,isTextHidden:n,icon:f?l.jsx(Et,{}):l.jsx(It,{}),iconPosition:i,theme:g})]})},xn=k.div`
|
|
403
|
+
position: relative;
|
|
404
|
+
display: flex;
|
|
405
|
+
justify-content: space-between;
|
|
406
|
+
flex-direction: column;
|
|
407
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
408
|
+
background: transparent;
|
|
409
|
+
`,wn=k.button`
|
|
410
|
+
text-align: left;
|
|
411
|
+
cursor: pointer;
|
|
412
|
+
display: flex;
|
|
413
|
+
justify-content: space-between;
|
|
414
|
+
align-items: center;
|
|
415
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
416
|
+
padding: ${e=>e.$theme.gapMedium};
|
|
417
|
+
border: ${e=>e.$theme.borderLight};
|
|
418
|
+
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
419
|
+
background-color: ${e=>e.$theme.backgroundColorLight};
|
|
420
|
+
white-space: nowrap;
|
|
421
|
+
text-overflow: ellipsis;
|
|
422
|
+
overflow: hidden;
|
|
423
|
+
|
|
424
|
+
& > span:nth-child(1) {
|
|
425
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
426
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
427
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
428
|
+
overflow: hidden;
|
|
429
|
+
text-overflow: ellipsis;
|
|
430
|
+
}
|
|
431
|
+
|
|
432
|
+
svg {
|
|
433
|
+
cursor: pointer;
|
|
434
|
+
color: ${e=>e.$theme.fontColorLight};
|
|
435
|
+
height: ${e=>e.$theme.iconSize};
|
|
436
|
+
width: ${e=>e.$theme.iconSize};
|
|
437
|
+
|
|
438
|
+
&:hover {
|
|
439
|
+
color: ${e=>e.$theme.fontColorAccent};
|
|
440
|
+
}
|
|
441
|
+
}
|
|
442
|
+
|
|
443
|
+
&:focus-visible {
|
|
444
|
+
outline: ${e=>e.$theme.borderOutline};
|
|
445
|
+
outline-offset: 2px;
|
|
446
|
+
}
|
|
447
|
+
|
|
448
|
+
&[disabled] {
|
|
449
|
+
pointer-events: none;
|
|
450
|
+
opacity: 0.5;
|
|
451
|
+
}
|
|
452
|
+
`,Sn=k.ul`
|
|
453
|
+
visibility: hidden;
|
|
454
|
+
opacity: 0;
|
|
455
|
+
transition:
|
|
456
|
+
visibility 0s,
|
|
457
|
+
opacity 0.3s linear;
|
|
458
|
+
position: absolute;
|
|
459
|
+
background: ${e=>e.$theme.backgroundColorLight};
|
|
460
|
+
margin: 0;
|
|
461
|
+
padding: 0;
|
|
462
|
+
list-style: none;
|
|
463
|
+
z-index: ${e=>e.$theme.zIndexPopup};
|
|
464
|
+
width: 100%;
|
|
465
|
+
top: 72px;
|
|
466
|
+
left: -1px;
|
|
467
|
+
border: ${e=>e.$theme.borderLight};
|
|
468
|
+
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
469
|
+
box-shadow: ${e=>e.$theme.boxShadow};
|
|
470
|
+
overflow-y: auto;
|
|
471
|
+
max-height: 180px;
|
|
472
|
+
|
|
473
|
+
${e=>e.$opened&&"visibility: visible; opacity: 1;"}
|
|
474
|
+
`,Cn=k.li`
|
|
475
|
+
padding: ${e=>e.$theme.gapMedium};
|
|
476
|
+
cursor: pointer;
|
|
477
|
+
display: flex;
|
|
478
|
+
justify-content: space-between;
|
|
479
|
+
align-items: center;
|
|
480
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
481
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
482
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
483
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
484
|
+
|
|
485
|
+
&:hover,
|
|
486
|
+
&:active {
|
|
487
|
+
color: ${e=>e.$theme.fontColorAccent};
|
|
488
|
+
}
|
|
489
|
+
|
|
490
|
+
&:focus-visible {
|
|
491
|
+
outline: ${e=>e.$theme.borderOutline};
|
|
492
|
+
outline-offset: -4px;
|
|
493
|
+
}
|
|
494
|
+
|
|
495
|
+
svg {
|
|
496
|
+
color: ${e=>e.$selected?e.$theme.fontColorAccent:e.$theme.fontColorLight};
|
|
497
|
+
width: ${e=>e.$theme.iconSize};
|
|
498
|
+
height: ${e=>e.$theme.iconSize};
|
|
499
|
+
}
|
|
500
|
+
`,hs=k(Cn)`
|
|
501
|
+
justify-content: flex-start;
|
|
502
|
+
`;function or(e){return l.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",height:"1em",width:"1em",...e,children:l.jsx("path",{d:"M21.886 5.536A1.002 1.002 0 0021 5H3a1.002 1.002 0 00-.822 1.569l9 13a.998.998 0 001.644 0l9-13a.998.998 0 00.064-1.033zM12 17.243L4.908 7h14.184L12 17.243z"})})}const fs=Object.freeze(Object.defineProperty({__proto__:null,default:or},Symbol.toStringTag,{value:"Module"}));function ir(e){return l.jsx("svg",{viewBox:"0 0 24 24",fill:"currentColor",height:"1em",width:"1em",...e,children:l.jsx("path",{d:"M3 19h18a1.002 1.002 0 00.823-1.569l-9-13c-.373-.539-1.271-.539-1.645 0l-9 13A.999.999 0 003 19zm9-12.243L19.092 17H4.908L12 6.757z"})})}const ps=Object.freeze(Object.defineProperty({__proto__:null,default:ir},Symbol.toStringTag,{value:"Module"})),ms=({opened:e,onClick:t,comboboxId:r,dropdownId:n,name:o,placeholder:i,disabled:a,required:d,values:c,theme:h})=>{const u=c==null?void 0:c.filter(g=>g.selected).map(g=>g.label),f=c==null?void 0:c.filter(g=>g.selected).map(g=>g.id);let y=l.jsx("span",{children:i});return u&&u.length>1?y=l.jsx("span",{children:`${u.length} items selected`}):u&&u.length===1&&(y=l.jsx("span",{children:u[0]})),l.jsxs(wn,{type:"button",name:o,value:f,role:"combobox","aria-haspopup":"listbox","aria-expanded":e,"aria-controls":n,id:r,onClick:t,disabled:a,"aria-required":d,$theme:h,children:[y,e?l.jsx(ir,{}):l.jsx(or,{})]})},gs=({value:e,onSelect:t,theme:r})=>{const{id:n,label:o,selected:i}=e,a=d=>c=>{switch(c.key){case" ":case"SpaceBar":case"Enter":c.preventDefault(),t(d);break}};return l.jsxs(hs,{id:n,role:"option","aria-selected":i,tabIndex:0,onKeyDown:a(n),onClick:()=>t(n),$theme:r,$selected:i,children:[i?l.jsx(Et,{}):l.jsx(It,{}),l.jsx("span",{children:o})]})},ys=({options:e,opened:t,onClose:r,onSelect:n,dropdownId:o,theme:i})=>l.jsx(Sn,{$opened:t,role:"listbox",id:o,tabIndex:-1,onKeyDown:a=>gn({e:a,options:e,onClose:r}),$theme:i,children:e.map(a=>l.jsx(gs,{value:a,onSelect:()=>n(a.id),theme:i},a.id))});function bs({name:e,options:t,initialValues:r,defaultValue:n}){return t.map(o=>{let i=!1;return r&&(r!=null&&r[e])&&Array.isArray(r[e])&&r[e].find(d=>d===o.id||(d==null?void 0:d.id)===o.id)&&(i=!0),!(r!=null&&r[e])&&Array.isArray(n)&&n.find(d=>d===o.id)&&(i=!0),{...o,selected:i}})}const Nr=e=>e.filter(t=>t.selected).map(t=>t.id),vs=(e,t)=>{const r=e.find(n=>n.id===t);return e.map(n=>n.id===t?{...n,selected:!(r!=null&&r.selected)}:n)};function $s({name:e,defaultValue:t,onChange:r,options:n}){const[o,i]=p.useState(!1),{onChangeFormInput:a,initialValues:d}=p.useContext(xe),c=bs({name:e,options:n,initialValues:d,defaultValue:t}),[h,u]=p.useState(c),f=()=>i(!1),y=()=>i(!o),g=x=>{const E=vs(h,x);u(E),r==null||r(E),a==null||a({name:e,value:Nr(E)})},b=p.useCallback(()=>{i(!1),u(c),a==null||a({name:e,value:Nr(c)})},[e]);return Ve(b),{handleClose:f,handleToggle:y,handleSelect:g,opened:o,values:h}}const xs=({options:e,name:t,label:r,required:n=!1,placeholder:o="Not selected",disabled:i=!1,onChange:a,defaultValue:d,id:c,...h})=>{const u=p.useRef(null),{elementId:f,dropdownId:y}=he(c),g=X(),{handleClose:b,handleSelect:x,handleToggle:E,opened:S,values:$}=$s({name:t,options:e,defaultValue:d,onChange:a});return ot({ref:u,onClickOutsideHandler:b}),it({keyCode:"Escape",ref:u,onKeyPress:b}),l.jsxs(xn,{ref:u,$theme:g,...h,children:[l.jsx(Re,{label:r,required:n,inputId:f,theme:g}),l.jsx(ms,{name:t,opened:S,comboboxId:f,dropdownId:y,onClick:E,values:$,placeholder:o,disabled:i,required:n,theme:g}),l.jsx(ys,{theme:g,options:$,opened:S,onClose:b,dropdownId:y,onSelect:x})]})};function ws({name:e,initialValues:t,defaultValue:r}){return t&&t[e]?Number(t[e]):r&&typeof r=="number"?r:0}function Ss({value:e,required:t,validator:r,maxValue:n,minValue:o}){return t&&!r&&e===void 0?!1:r&&typeof r=="function"?r(e):n&&o&&e&&!r?e<=n&&e>=o:!0}function Cs({name:e,defaultValue:t,onChange:r,onSpinButtonClick:n,min:o,max:i,step:a,required:d,validator:c}){const{onChangeFormInput:h,initialValues:u}=p.useContext(xe),f=ws({initialValues:u,defaultValue:t,name:e}),y=i?Number(i):Number.MAX_SAFE_INTEGER,g=o?Number(o):Number.MIN_SAFE_INTEGER,[b,x]=p.useState(f),[E,S]=p.useState(!0),$=w=>{x(w);const H=Ss({value:w,required:d,validator:c,maxValue:y,minValue:g});S(H),h==null||h({name:e,value:w,valid:H})},I=w=>{const H=Number(w.target.value);$(H),r==null||r(w)},A=()=>{$(b+a),n==null||n(b+a)},P=()=>{$(b-a),n==null||n(b-a)},R=p.useCallback(()=>{x(f),S(!0),h==null||h({name:e,value:f,valid:!0})},[e]);return Ve(R),{handleChange:I,value:b,valid:E,minValue:g,maxValue:y,increment:A,decrement:P}}const ks=k.div`
|
|
503
|
+
display: flex;
|
|
504
|
+
flex-direction: column;
|
|
505
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
506
|
+
position: relative;
|
|
507
|
+
|
|
508
|
+
& > div:nth-child(2) {
|
|
509
|
+
display: flex;
|
|
510
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
511
|
+
align-items: center;
|
|
512
|
+
border: ${e=>e.$theme.borderBase};
|
|
513
|
+
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
514
|
+
padding: ${e=>e.$theme.gapMedium};
|
|
515
|
+
background-color: ${e=>e.$theme.backgroundColorLight};
|
|
516
|
+
|
|
517
|
+
&:has(input:focus) {
|
|
518
|
+
border: ${e=>e.$theme.borderOutline};
|
|
519
|
+
}
|
|
520
|
+
|
|
521
|
+
&:has(input[aria-invalid='true']) {
|
|
522
|
+
border: ${e=>e.$theme.borderAccent};
|
|
523
|
+
}
|
|
524
|
+
|
|
525
|
+
&:has(input[disabled]) {
|
|
526
|
+
pointer-events: none;
|
|
527
|
+
opacity: 0.5;
|
|
528
|
+
}
|
|
529
|
+
|
|
530
|
+
& > span:nth-child(2) {
|
|
531
|
+
display: flex;
|
|
532
|
+
align-items: center;
|
|
533
|
+
}
|
|
534
|
+
}
|
|
535
|
+
|
|
536
|
+
& input {
|
|
537
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
538
|
+
padding: 0;
|
|
539
|
+
border: none;
|
|
540
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
541
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
542
|
+
display: inline-block;
|
|
543
|
+
background: transparent;
|
|
544
|
+
white-space: nowrap;
|
|
545
|
+
text-overflow: ellipsis;
|
|
546
|
+
overflow: hidden;
|
|
547
|
+
flex-grow: 1;
|
|
548
|
+
min-width: 0;
|
|
549
|
+
|
|
550
|
+
&:focus-visible {
|
|
551
|
+
outline: none;
|
|
552
|
+
}
|
|
553
|
+
|
|
554
|
+
&::-webkit-outer-spin-button,
|
|
555
|
+
&::-webkit-inner-spin-button {
|
|
556
|
+
-webkit-appearance: none;
|
|
557
|
+
margin: 0;
|
|
558
|
+
}
|
|
559
|
+
|
|
560
|
+
&[type='number'] {
|
|
561
|
+
-moz-appearance: textfield;
|
|
562
|
+
}
|
|
563
|
+
}
|
|
564
|
+
`,js=({name:e,label:t,errorMessage:r,onChange:n,onBlur:o,onFocus:i,onSpinButtonClick:a,validator:d,min:c,max:h,id:u,tabIndex:f,disabled:y=!1,required:g=!1,readOnly:b=!1,hasSpinButtons:x=!0,defaultValue:E=0,step:S=1,...$})=>{const{elementId:I,errorId:A}=he(u),P=X(),{value:R,valid:w,handleChange:H,increment:J,decrement:fe,minValue:pe,maxValue:me}=Cs({name:e,defaultValue:E,min:c,max:h,onChange:n,required:g,validator:d,step:S,onSpinButtonClick:a});return l.jsxs(ks,{$theme:P,...$,children:[l.jsx(Re,{label:t,required:g,inputId:I,theme:P}),l.jsxs("div",{children:[l.jsx("input",{id:I,name:e,type:"number",disabled:y,required:g,readOnly:b,placeholder:"0","aria-invalid":!w,"aria-errormessage":A,value:R.toString(),onChange:H,min:pe,max:me,step:S,onBlur:o,onFocus:i,tabIndex:f}),x&&l.jsxs("span",{children:[l.jsx(tt,{onClick:fe,label:`Decrement value for ${t}`,icon:j.ChevronLeft,disabled:y,theme:P}),l.jsx(tt,{onClick:J,label:`Increment value for ${t}`,icon:j.ChevronRight,disabled:y,theme:P})]})]}),l.jsx(er,{errorId:A,message:r,visible:!w,theme:P})]})},Es=({opened:e,onClick:t,comboboxId:r,dropdownId:n,selected:o,name:i,placeholder:a,disabled:d,required:c,theme:h})=>l.jsxs(wn,{type:"button",name:i,value:o==null?void 0:o.id,role:"combobox","aria-haspopup":"listbox","aria-expanded":e,"aria-controls":n,id:r,onClick:t,disabled:d,"aria-required":c,$theme:h,children:[o!=null&&o.label?l.jsx("span",{children:o==null?void 0:o.label}):l.jsx("span",{children:a}),e?l.jsx(ir,{}):l.jsx(or,{})]});function sr(e){return l.jsx("svg",{viewBox:"0 0 512 512",fill:"currentColor",height:"1em",width:"1em",...e,children:l.jsx("path",{d:"M470.6 105.4c12.5 12.5 12.5 32.8 0 45.3l-256 256c-12.5 12.5-32.8 12.5-45.3 0l-128-128c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0L192 338.7l233.4-233.3c12.5-12.5 32.8-12.5 45.3 0z"})})}const Is=Object.freeze(Object.defineProperty({__proto__:null,default:sr},Symbol.toStringTag,{value:"Module"})),Rs=({value:e,selected:t,onSelect:r,onClear:n,theme:o})=>{const{id:i,label:a}=e,d=h=>{t?n():r(h)},c=h=>u=>{switch(u.key){case" ":case"SpaceBar":case"Enter":u.preventDefault(),d(h);break}};return l.jsxs(Cn,{id:i,role:"option","aria-selected":t,tabIndex:0,onKeyDown:c(i),onClick:()=>d(i),$theme:o,$selected:t,children:[l.jsx("span",{children:a}),t&&l.jsx(sr,{})]})},_s=({options:e,opened:t,onClose:r,onSelect:n,dropdownId:o,comboboxId:i,selected:a,onClear:d,theme:c})=>{const h=u=>{n(u),r(),rt(i)};return l.jsx(Sn,{role:"listbox",id:o,tabIndex:-1,onKeyDown:u=>gn({e:u,options:e,onClose:r}),$opened:t,$theme:c,children:e.map(u=>l.jsx(Rs,{value:u,onSelect:()=>h(u.id),onClear:d,selected:u.id===(a==null?void 0:a.id),theme:c},u.id))})};function Ps({name:e,options:t,initialValues:r,defaultValue:n}){var i;let o;return r&&r[e]&&(o=((i=r[e])==null?void 0:i.id)??r[e]),!(r!=null&&r[e])&&n&&typeof n=="string"&&(o=n),t.find(a=>a.id===o)}function As({name:e,defaultValue:t,onChange:r,options:n}){const{onChangeFormInput:o,initialValues:i}=p.useContext(xe),a=Ps({name:e,options:n,defaultValue:t,initialValues:i}),[d,c]=p.useState(!1),[h,u]=p.useState(a),f=()=>c(!1),y=()=>c(!d),g=E=>{const S=n.find($=>$.id===E);u(S),r==null||r(S),o==null||o({name:e,value:S==null?void 0:S.id})},b=()=>{u(void 0),r==null||r(void 0)},x=p.useCallback(()=>{c(!1),u(a),o==null||o({name:e,value:a==null?void 0:a.id})},[e]);return Ve(x),{selected:h,opened:d,handleClear:b,handleClose:f,handleToggle:y,handleSelect:g}}const zs=({options:e,onChange:t,name:r,label:n,defaultValue:o,id:i,placeholder:a="Not selected",required:d=!1,disabled:c=!1,...h})=>{const u=p.useRef(null),f=X(),{elementId:y,dropdownId:g}=he(i),{handleClear:b,handleClose:x,handleSelect:E,handleToggle:S,selected:$,opened:I}=As({options:e,onChange:t,defaultValue:o,name:r});return ot({ref:u,onClickOutsideHandler:x}),it({keyCode:"Escape",ref:u,onKeyPress:x}),l.jsxs(xn,{ref:u,$theme:f,...h,children:[l.jsx(Re,{label:n,required:d,inputId:y,theme:f}),l.jsx(Es,{name:r,opened:I,comboboxId:y,dropdownId:g,onClick:S,selected:$,placeholder:a,disabled:c,required:d,theme:f}),l.jsx(_s,{options:e,selected:$,opened:I,onClose:x,dropdownId:g,comboboxId:y,onSelect:E,onClear:b,theme:f})]})};function Ts({value:e,required:t,validator:r}){return t&&!r&&!e.length?!1:r&&typeof r=="function"?r(e):r&&typeof r=="object"?new RegExp(r.regexp,r==null?void 0:r.flags).test(e):!0}function Os({name:e,initialValues:t,defaultValue:r}){return t&&(t!=null&&t[e])?t[e].toString():r&&typeof r=="string"?r:""}function Ds({name:e,defaultValue:t,onChange:r,onClear:n,required:o,validator:i}){const{onChangeFormInput:a,initialValues:d}=p.useContext(xe),c=Os({initialValues:d,defaultValue:t,name:e}),[h,u]=p.useState(c),[f,y]=p.useState(!0),[g,b]=p.useState(!1),x=I=>{const A=I.target.value,P=Ts({value:A,required:o,validator:i});u(A),y(P),a==null||a({name:e,value:A,valid:P}),r==null||r(I)},E=()=>{u(""),y(!0),a==null||a({name:e,value:"",valid:!0}),n==null||n()},S=p.useCallback(()=>{u(c),y(!0),a==null||a({name:e,value:c,valid:!0})},[e]),$=()=>{b(!g)};return Ve(S),{value:h,valid:f,passwordShown:g,handleChange:x,handleClear:E,togglePassword:$}}const Ms=k.div`
|
|
565
|
+
display: flex;
|
|
566
|
+
flex-direction: column;
|
|
567
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
568
|
+
position: relative;
|
|
569
|
+
|
|
570
|
+
& > div:nth-child(2) {
|
|
571
|
+
display: flex;
|
|
572
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
573
|
+
align-items: center;
|
|
574
|
+
border: ${e=>e.$theme.borderLight};
|
|
575
|
+
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
576
|
+
padding: ${e=>e.$theme.gapMedium};
|
|
577
|
+
background-color: ${e=>e.$theme.backgroundColorLight};
|
|
578
|
+
|
|
579
|
+
&:has(input:focus) {
|
|
580
|
+
border: ${e=>e.$theme.borderOutline};
|
|
581
|
+
}
|
|
582
|
+
|
|
583
|
+
&:has(input[aria-invalid='true']) {
|
|
584
|
+
border: ${e=>e.$theme.borderAccent};
|
|
585
|
+
}
|
|
586
|
+
|
|
587
|
+
&:has(input[disabled]) {
|
|
588
|
+
pointer-events: none;
|
|
589
|
+
opacity: 0.5;
|
|
590
|
+
}
|
|
591
|
+
|
|
592
|
+
& > span:nth-child(2) {
|
|
593
|
+
display: flex;
|
|
594
|
+
gap: ${e=>e.$theme.gapSmall};
|
|
595
|
+
align-items: center;
|
|
596
|
+
}
|
|
597
|
+
}
|
|
598
|
+
|
|
599
|
+
& input {
|
|
600
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
601
|
+
padding: 0;
|
|
602
|
+
border: none;
|
|
603
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
604
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
605
|
+
display: inline-block;
|
|
606
|
+
background: transparent;
|
|
607
|
+
white-space: nowrap;
|
|
608
|
+
text-overflow: ellipsis;
|
|
609
|
+
overflow: hidden;
|
|
610
|
+
flex-grow: 1;
|
|
611
|
+
min-width: 0;
|
|
612
|
+
|
|
613
|
+
&:focus-visible {
|
|
614
|
+
outline: none;
|
|
615
|
+
}
|
|
616
|
+
|
|
617
|
+
&:placeholder-shown + span {
|
|
618
|
+
display: none !important;
|
|
619
|
+
}
|
|
620
|
+
}
|
|
621
|
+
`,Bs=({name:e,label:t,errorMessage:r,defaultValue:n,onChange:o,onBlur:i,onFocus:a,onClear:d,validator:c,maxLength:h,id:u,tabIndex:f,placeholder:y="Type here...",disabled:g=!1,required:b=!1,clearable:x=!0,readOnly:E=!1,autoComplete:S="off",type:$="text",...I})=>{const{value:A,valid:P,handleChange:R,handleClear:w,passwordShown:H,togglePassword:J}=Ds({defaultValue:n,name:e,onChange:o,onClear:d,required:b,validator:c}),{elementId:fe,errorId:pe}=he(u),me=$==="password",W=X();return l.jsxs(Ms,{$theme:W,...I,children:[l.jsx(Re,{label:t,required:b,inputId:fe,theme:W}),l.jsxs("div",{children:[l.jsx("input",{id:fe,name:e,type:H?"text":$,disabled:g,placeholder:y,required:b,readOnly:E,autoComplete:S,"aria-invalid":!P,"aria-errormessage":pe,"aria-readonly":E,value:A,onChange:R,maxLength:h,onBlur:i,onFocus:a,tabIndex:f}),l.jsxs("span",{children:[x&&l.jsx(tt,{onClick:w,label:`Clear input for ${t}`,icon:j.Remove,disabled:g,theme:W}),me&&l.jsx(tt,{onClick:J,label:"Toggle password visibility",icon:H?j.Hide:j.Show,disabled:g,theme:W})]})]}),l.jsx(er,{errorId:pe,message:r,visible:!P,theme:W})]})},Ls=k.header`
|
|
622
|
+
display: flex;
|
|
623
|
+
justify-content: space-between;
|
|
624
|
+
align-items: center;
|
|
625
|
+
|
|
626
|
+
h3 {
|
|
627
|
+
display: flex;
|
|
628
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
629
|
+
align-items: center;
|
|
630
|
+
margin: 0;
|
|
631
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
632
|
+
|
|
633
|
+
svg {
|
|
634
|
+
color: ${e=>e.$theme.fontColorAccent};
|
|
635
|
+
}
|
|
636
|
+
}
|
|
637
|
+
`,Fs=k.div`
|
|
638
|
+
position: fixed;
|
|
639
|
+
bottom: ${e=>e.$theme.gapBig};
|
|
640
|
+
left: 50%;
|
|
641
|
+
transform: translateX(-50%);
|
|
642
|
+
z-index: ${e=>e.$theme.zIndexPopup};
|
|
643
|
+
${Ue}
|
|
644
|
+
|
|
645
|
+
${e=>e.$isClosing&&pn}
|
|
646
|
+
`,Ns=k.div`
|
|
647
|
+
display: flex;
|
|
648
|
+
flex-direction: column;
|
|
649
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
650
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
651
|
+
background: ${e=>e.$theme.backgroundColorBase};
|
|
652
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
653
|
+
width: 90vw;
|
|
654
|
+
padding: ${e=>e.$theme.gapMedium};
|
|
655
|
+
box-shadow: ${e=>e.$theme.boxShadow};
|
|
656
|
+
border: ${e=>e.$theme.borderLight};
|
|
657
|
+
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
658
|
+
`;function kn(e){return l.jsxs("svg",{viewBox:"0 0 24 24",fill:"currentColor",height:"1em",width:"1em",...e,children:[l.jsx("path",{d:"M11 7h2v7h-2zm0 8h2v2h-2z"}),l.jsx("path",{d:"M21.707 7.293l-5-5A.996.996 0 0016 2H8a.996.996 0 00-.707.293l-5 5A.996.996 0 002 8v8c0 .266.105.52.293.707l5 5A.996.996 0 008 22h8c.266 0 .52-.105.707-.293l5-5A.996.996 0 0022 16V8a.996.996 0 00-.293-.707zM20 15.586L15.586 20H8.414L4 15.586V8.414L8.414 4h7.172L20 8.414v7.172z"})]})}const Hs=Object.freeze(Object.defineProperty({__proto__:null,default:kn},Symbol.toStringTag,{value:"Module"}));function jn(e){return l.jsx("svg",{viewBox:"0 0 512 512",fill:"currentColor",height:"1em",width:"1em",...e,children:l.jsx("path",{d:"M414.39 97.61A224 224 0 1097.61 414.39 224 224 0 10414.39 97.61zM192.13 260.18a64 64 0 1159.69 59.69 64.07 64.07 0 01-59.69-59.69zm240-66.64l-96.37 5.84a4.06 4.06 0 01-3.44-1.59 96 96 0 00-18.07-18.07 4.06 4.06 0 01-1.59-3.44l5.84-96.37a4 4 0 015.42-3.51A193 193 0 01435.6 188.12a4 4 0 01-3.51 5.42zM193.54 79.91l5.84 96.37a4.06 4.06 0 01-1.59 3.44 96 96 0 00-18.07 18.07 4.06 4.06 0 01-3.44 1.59l-96.37-5.84a4 4 0 01-3.51-5.42A193 193 0 01188.12 76.4a4 4 0 015.42 3.51zM79.91 318.46l96.37-5.84a4.06 4.06 0 013.44 1.59 96 96 0 0018.07 18.07 4.06 4.06 0 011.59 3.44l-5.84 96.37a4 4 0 01-5.42 3.51A193 193 0 0176.4 323.88a4 4 0 013.51-5.42zm238.55 113.63l-5.84-96.37a4.06 4.06 0 011.59-3.44 96 96 0 0018.07-18.07 4.06 4.06 0 013.44-1.59l96.37 5.84a4 4 0 013.51 5.42A193 193 0 01323.88 435.6a4 4 0 01-5.42-3.51z"})})}const Ws=Object.freeze(Object.defineProperty({__proto__:null,default:jn},Symbol.toStringTag,{value:"Module"}));function En(e){return l.jsxs("svg",{viewBox:"0 0 1024 1024",fill:"currentColor",height:"1em",width:"1em",...e,children:[l.jsx("path",{d:"M512 64C264.6 64 64 264.6 64 512s200.6 448 448 448 448-200.6 448-448S759.4 64 512 64zm0 820c-205.4 0-372-166.6-372-372s166.6-372 372-372 372 166.6 372 372-166.6 372-372 372z"}),l.jsx("path",{d:"M464 336a48 48 0 1096 0 48 48 0 10-96 0zm72 112h-48c-4.4 0-8 3.6-8 8v272c0 4.4 3.6 8 8 8h48c4.4 0 8-3.6 8-8V456c0-4.4-3.6-8-8-8z"})]})}const Gs=Object.freeze(Object.defineProperty({__proto__:null,default:En},Symbol.toStringTag,{value:"Module"}));function In(e){return l.jsxs("svg",{viewBox:"0 0 24 24",fill:"currentColor",height:"1em",width:"1em",...e,children:[l.jsx("path",{fill:"none",d:"M0 0h24v24H0z"}),l.jsx("path",{d:"M4 20v-6a8 8 0 1116 0v6h1v2H3v-2h1zm2 0h12v-6a6 6 0 10-12 0v6zm5-18h2v3h-2V2zm8.778 2.808l1.414 1.414-2.12 2.121-1.415-1.414 2.121-2.121zM2.808 6.222l1.414-1.414 2.121 2.12L4.93 8.344 2.808 6.222zM7 14a5 5 0 015-5v2a3 3 0 00-3 3H7z"})]})}const Us=Object.freeze(Object.defineProperty({__proto__:null,default:In},Symbol.toStringTag,{value:"Module"}));function Vs(e,t){if(t)return t;switch(e){case Z.Info:return"For your information";case Z.Warning:return"Please pay attention";case Z.Error:return"Something went wrong";case Z.Success:return"Everything is okay";case Z.Help:return"Useful tip";default:return"Alert"}}function Ys(e,t){if(t)return l.jsx(ae,{name:t});switch(e){case Z.Info:return l.jsx(En,{});case Z.Warning:return l.jsx(In,{});case Z.Error:return l.jsx(kn,{});case Z.Success:return l.jsx(sr,{});case Z.Help:return l.jsx(jn,{});default:return null}}const qs=({title:e,onClose:t,mode:r,icon:n,theme:o})=>{const i=Vs(r,e),a=Ys(r,n);return l.jsxs(Ls,{$theme:o,children:[l.jsxs("h3",{children:[a,i]}),l.jsx(nt,{icon:j.Cancel,view:ue.Icon,label:"Close alert popup",onClick:t})]})},Ks=({isOpened:e,onClose:t,title:r,message:n,mode:o=Z.Info,icon:i,...a})=>{const d=nr(e),c=d&&!e,h=X();return d?l.jsx(Rt,{children:l.jsx(Fs,{$isClosing:c,$theme:h,children:l.jsxs(Ns,{...a,$theme:h,children:[l.jsx(qs,{title:r,onClose:t,mode:o,icon:i,theme:h}),l.jsx("p",{children:n})]})})}):null},Xs=k.div`
|
|
659
|
+
z-index: ${e=>e.$theme.zIndexModal};
|
|
660
|
+
background-color: ${e=>e.$theme.backgroundColorBase};
|
|
661
|
+
box-shadow: ${e=>e.$theme.boxShadow};
|
|
662
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
663
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
664
|
+
width: 100%;
|
|
665
|
+
height: 90%;
|
|
666
|
+
position: absolute;
|
|
667
|
+
bottom: 0;
|
|
668
|
+
left: 0;
|
|
669
|
+
border-top-left-radius: ${e=>e.$theme.blockBorderRadius};
|
|
670
|
+
border-top-right-radius: ${e=>e.$theme.blockBorderRadius};
|
|
671
|
+
${Ue}
|
|
672
|
+
|
|
673
|
+
@media ${gi.landscapeTablets} {
|
|
674
|
+
width: fit-content;
|
|
675
|
+
height: fit-content;
|
|
676
|
+
position: relative;
|
|
677
|
+
min-width: 40%;
|
|
678
|
+
max-width: 90%;
|
|
679
|
+
max-height: 90%;
|
|
680
|
+
border-bottom-left-radius: ${e=>e.$theme.blockBorderRadius};
|
|
681
|
+
border-bottom-right-radius: ${e=>e.$theme.blockBorderRadius};
|
|
682
|
+
|
|
683
|
+
header {
|
|
684
|
+
font-size: ${e=>e.$theme.fontSizeHeader};
|
|
685
|
+
}
|
|
686
|
+
}
|
|
687
|
+
`,Js=k.div`
|
|
688
|
+
position: fixed;
|
|
689
|
+
top: 0;
|
|
690
|
+
left: 0;
|
|
691
|
+
width: 100%;
|
|
692
|
+
height: 100%;
|
|
693
|
+
z-index: inherit;
|
|
694
|
+
display: flex;
|
|
695
|
+
justify-content: center;
|
|
696
|
+
align-items: center;
|
|
697
|
+
background-color: ${e=>e.$theme.backgroundColorTransparent};
|
|
698
|
+
${Ue}
|
|
699
|
+
|
|
700
|
+
${e=>e.$isClosing&&pn}
|
|
701
|
+
`,Zs=k.header`
|
|
702
|
+
font-size: 1.6rem;
|
|
703
|
+
font-weight: bold;
|
|
704
|
+
display: flex;
|
|
705
|
+
justify-content: space-between;
|
|
706
|
+
align-items: center;
|
|
707
|
+
gap: ${e=>e.$theme.gapBig};
|
|
708
|
+
padding: ${e=>e.$theme.gapBig};
|
|
709
|
+
border-bottom: ${e=>e.$theme.borderBase};
|
|
710
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
711
|
+
`,Qs=k.div`
|
|
712
|
+
padding: ${e=>e.$theme.gapBig};
|
|
713
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
714
|
+
`,ea=({title:e,onClose:t,theme:r})=>l.jsxs(Zs,{$theme:r,children:[e,l.jsx(nt,{icon:j.Cancel,view:ue.Icon,label:"Close modal window",onClick:t})]}),ta=({title:e,onClose:t,isOpened:r,children:n,theme:o,...i})=>{const a=p.useRef(null);return bn({modalRef:a,isOpened:r}),it({keyCode:"Escape",ref:a,onKeyPress:t}),l.jsxs(Xs,{ref:a,role:"dialog","aria-modal":"true",$theme:o,...i,children:[l.jsx(ea,{title:e,onClose:t,theme:o}),l.jsx(Qs,{$theme:o,children:n})]})},ra=({isOpened:e,onClose:t,title:r,children:n,...o})=>{const i=nr(e),a=i&&!e,d=X();return i?l.jsx(Rt,{children:l.jsx(Js,{$isClosing:a,$theme:d,children:l.jsx(ta,{title:r,onClose:t,isOpened:e,...o,theme:d,children:n})})}):null},na=({id:e})=>{const[t,r]=p.useState(!1),n=p.useRef(null),o=p.useRef(null),{top:i,left:a}=$n({wrapperRef:n,tooltipRef:o,isOpened:t}),{elementId:d}=he(e),c=()=>r(!1),h=()=>r(!0),u=()=>r(!t),f=y=>{y.preventDefault(),u()};return it({keyCode:"Escape",ref:o,onKeyPress:c}),ot({ref:o,onClickOutsideHandler:c,dependentRef:n}),{elementId:d,openTooltip:h,closeTooltip:c,toggleTooltip:u,handleContextMenu:f,top:i,left:a,isOpened:t,wrapperRef:n,tooltipRef:o}},oa=k.div`
|
|
715
|
+
position: absolute;
|
|
716
|
+
left: 0;
|
|
717
|
+
top: 0;
|
|
718
|
+
z-index: ${e=>e.$theme.zIndexPopup};
|
|
719
|
+
background-color: ${e=>e.$theme.backgroundColorBase};
|
|
720
|
+
border: ${e=>e.$theme.borderLight};
|
|
721
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
722
|
+
padding: ${e=>e.$theme.gapMedium};
|
|
723
|
+
font-size: ${e=>e.$theme.fontSizeSmall};
|
|
724
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
725
|
+
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
726
|
+
box-shadow: ${e=>e.$theme.boxShadow};
|
|
727
|
+
pointer-events: none;
|
|
728
|
+
white-space: nowrap;
|
|
729
|
+
|
|
730
|
+
${Ue}
|
|
731
|
+
`,Rn=({children:e,tooltipContent:t,containerTag:r=rr.Span,visibleOn:n="hover",id:o,style:i,...a})=>{const d=r,c=X(),{openTooltip:h,closeTooltip:u,toggleTooltip:f,handleContextMenu:y,elementId:g,top:b,left:x,isOpened:E,wrapperRef:S,tooltipRef:$}=na({id:o});return l.jsxs(d,{style:{position:"relative",cursor:"pointer"},onClick:n==="click"?f:void 0,onMouseOver:n==="hover"?h:void 0,onMouseLeave:n==="hover"?u:void 0,onFocus:n==="focus"?h:void 0,onBlur:n==="focus"?u:void 0,onContextMenu:n==="contextmenu"?I=>y(I):void 0,tabIndex:0,ref:S,"aria-describedby":g,children:[e,E&&l.jsx(Rt,{children:l.jsx(oa,{style:{...i,top:b,left:x},ref:$,role:"tooltip",id:g,$theme:c,...a,children:t})})]})};function ia(e){return e?Object.keys(e).map(t=>[t,!0]):[]}function sa(e,t){return(t==null?void 0:t.valid)===void 0?e:e.map(r=>r[0]!==t.name?r:[r[0],!!(t!=null&&t.valid)])}function aa(e){return e.every(t=>t[1])}function ca({initialValues:e,onReset:t,onSubmit:r,onClickSubmit:n}){const[o,i]=p.useState(e),[a,d]=p.useState(ia(e)),[c,h]=p.useState(0);return{handleInputChange:g=>{const b={...o,[g.name]:g.value};i(b),d(sa(a,g))},handleSubmit:g=>{g.preventDefault();const x={...Object.fromEntries(new FormData(g.target)),...o};r==null||r(g),n==null||n(x)},handleReset:g=>{t==null||t(g),i(e),h(c+1)},resetSignal:c,valid:aa(a)}}const la=k.form`
|
|
732
|
+
display: grid;
|
|
733
|
+
align-items: end;
|
|
734
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
735
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
736
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
737
|
+
|
|
738
|
+
${({$columns:e})=>`
|
|
739
|
+
grid-template-columns: repeat(${e}, 1fr);
|
|
740
|
+
grid-template-rows: auto;
|
|
741
|
+
`}
|
|
742
|
+
`,da=k.div`
|
|
743
|
+
display: flex;
|
|
744
|
+
align-items: center;
|
|
745
|
+
justify-content: space-between;
|
|
746
|
+
padding-top: 1rem;
|
|
747
|
+
|
|
748
|
+
${({$columns:e})=>`
|
|
749
|
+
grid-column: 1 / ${e+1};
|
|
750
|
+
`}
|
|
751
|
+
`,ua=({children:e,initialValues:t,onReset:r,onSubmit:n,onClickSubmit:o,columns:i=1,hasReset:a=!0,...d})=>{const{handleInputChange:c,handleSubmit:h,handleReset:u,resetSignal:f,valid:y}=ca({initialValues:t,onReset:r,onSubmit:n,onClickSubmit:o}),g=X();return l.jsx(la,{onSubmit:h,onReset:u,$columns:i,$theme:g,...d,children:l.jsxs(xe.Provider,{value:{onChangeFormInput:c,initialValues:t,resetSignal:f},children:[e,l.jsxs(da,{$columns:i,children:[a&&l.jsx(nt,{type:"reset",text:"Reset",icon:j.Clear,view:ue.Flat}),l.jsx(nt,{type:"submit",text:"Submit",icon:j.Forward,extended:!a,disabled:!y})]})]})})},ha=k.table`
|
|
752
|
+
border-collapse: collapse;
|
|
753
|
+
`,fa=k.thead`
|
|
754
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
755
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
756
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
757
|
+
`,pa=k.tbody`
|
|
758
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
759
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
760
|
+
`,_n=k.th`
|
|
761
|
+
padding: ${e=>e.$theme.gapMedium};
|
|
762
|
+
text-align: left;
|
|
763
|
+
`,ma=k.tr`
|
|
764
|
+
font-weight: bold;
|
|
765
|
+
border-top: ${e=>e.$theme.borderLight};
|
|
766
|
+
border-bottom: ${e=>e.$theme.borderLight};
|
|
767
|
+
background-color: ${e=>e.$theme.backgroundColorBase};
|
|
768
|
+
`,Pn=k.td`
|
|
769
|
+
padding: ${e=>e.$theme.gapMedium};
|
|
770
|
+
`,ga=k.caption`
|
|
771
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
772
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
773
|
+
padding: ${e=>e.$theme.gapMedium};
|
|
774
|
+
font-weight: bold;
|
|
775
|
+
`,ya=k.tr`
|
|
776
|
+
border-bottom: ${e=>e.$theme.borderLight};
|
|
777
|
+
|
|
778
|
+
${e=>e.$selected&&`
|
|
779
|
+
background-color: ${e.$theme.backgroundColorLight};
|
|
780
|
+
`}
|
|
781
|
+
`,Hr=k.col`
|
|
782
|
+
border-right: ${e=>e.$theme.borderLight};
|
|
783
|
+
|
|
784
|
+
${e=>e.$isFirst&&`border-left: ${e.$theme.borderLight};`}
|
|
785
|
+
${e=>e.$highlighted&&`background-color: ${e.$theme.backgroundColorLight};`}
|
|
786
|
+
`,ba=k.div`
|
|
787
|
+
display: flex;
|
|
788
|
+
gap: ${e=>e.$theme.gapSmall};
|
|
789
|
+
padding: ${e=>e.$theme.gapSmall} 0;
|
|
790
|
+
position: relative;
|
|
791
|
+
overflow: hidden;
|
|
792
|
+
|
|
793
|
+
svg {
|
|
794
|
+
color: ${e=>e.$checked?e.$theme.fontColorBase:e.$theme.fontColorLight};
|
|
795
|
+
}
|
|
796
|
+
|
|
797
|
+
label {
|
|
798
|
+
cursor: pointer;
|
|
799
|
+
gap: ${e=>e.$theme.gapSmall};
|
|
800
|
+
font-size: ${e=>e.$theme.fontSizeBase} !important;
|
|
801
|
+
&:hover,
|
|
802
|
+
&:active {
|
|
803
|
+
text-shadow: ${e=>e.$theme.textShadow};
|
|
804
|
+
}
|
|
805
|
+
}
|
|
806
|
+
|
|
807
|
+
${e=>e.$disabled&&`
|
|
808
|
+
pointer-events: none;
|
|
809
|
+
opacity: 0.5;
|
|
810
|
+
`}
|
|
811
|
+
`,va=k.input`
|
|
812
|
+
position: absolute;
|
|
813
|
+
z-index: -1;
|
|
814
|
+
opacity: 0;
|
|
815
|
+
top: 4px;
|
|
816
|
+
left: 0;
|
|
817
|
+
margin: 0;
|
|
818
|
+
|
|
819
|
+
&:focus-visible + label {
|
|
820
|
+
outline: ${e=>e.$theme.borderOutline};
|
|
821
|
+
outline-offset: 2px;
|
|
822
|
+
}
|
|
823
|
+
`;function $a({item:e,columns:t,renderDataItem:r}){const n=[];for(const o of t){let i;r&&e[o.field]?i=r(e,o.field):e[o.field]?i=e[o.field].toString():i="",n.push(i)}return n}const xa=({value:e,theme:t})=>l.jsx(Pn,{$theme:t,children:e}),An=({name:e,label:t,disabled:r,required:n=!1,onChange:o,checked:i=!1,theme:a,...d})=>{const{elementId:c}=he(d==null?void 0:d.id);return l.jsxs(ba,{$disabled:!!r,$checked:i,$theme:a,children:[l.jsx(va,{id:c,name:e,type:"checkbox",disabled:r,required:n,checked:i,onChange:o,$theme:a}),l.jsx(Re,{label:t,required:n,inputId:c,isTextHidden:!0,iconPosition:"left",theme:a,icon:i?l.jsx(Et,{}):l.jsx(It,{})})]})},wa=({rowId:e,isRowSelected:t,selectRowById:r,deselectRowById:n,disabled:o,theme:i})=>{const a=d=>{const{checked:c}=d.target;c?r(e):n(e)};return l.jsx(Pn,{$theme:i,children:l.jsx(An,{theme:i,label:"Select row",onChange:a,id:`select_row_${e}`,checked:t,disabled:o})})},Sa=({rowId:e,selectRowById:t,deselectRowById:r,selectable:n,values:o,selectedIds:i,disabled:a,theme:d})=>{const c=i.includes(e);return l.jsxs(ya,{$selected:c,$theme:d,children:[n&&l.jsx(wa,{rowId:e,selectRowById:t,deselectRowById:r,isRowSelected:c,disabled:a,theme:d}),o.map((h,u)=>l.jsx(xa,{value:h,theme:d},`row_${u}`))]})},Ca=({selectRowById:e,deselectRowById:t,renderDataItem:r,selectedIds:n,selectable:o,data:i,columns:a,theme:d})=>l.jsx(pa,{$theme:d,children:i.map(c=>{const h=$a({item:c,columns:a,renderDataItem:r});return l.jsx(Sa,{rowId:c.id,disabled:c==null?void 0:c.disabled,selectRowById:e,deselectRowById:t,selectable:o,values:h,selectedIds:n,theme:d},c.id)})}),ka=({columns:e,selectable:t,theme:r})=>l.jsxs("colgroup",{children:[t&&l.jsx(Hr,{$isFirst:!0,$highlighted:!1,$theme:r}),e.map((n,o)=>l.jsx(Hr,{$isFirst:o===0&&!t,$highlighted:!!(n!=null&&n.highlighted),className:n==null?void 0:n.className,$theme:r},n==null?void 0:n.title))]}),ja=({title:e,component:t,theme:r})=>l.jsx(_n,{$theme:r,children:t??e??""}),Ea=({gridId:e,isAllSelected:t,selectAll:r,deselectAll:n,disabled:o,theme:i})=>{const a=d=>{const{checked:c}=d.target;c?r():n()};return l.jsx(_n,{$theme:i,children:l.jsx(An,{label:"Select all rows",onChange:a,id:`select_all_${e}`,checked:t,disabled:o,theme:i})})},Ia=({columns:e,gridId:t,selectAll:r,deselectAll:n,selectable:o,isAllSelected:i,isAllCheckboxDisabled:a=!1,theme:d})=>l.jsx(fa,{$theme:d,children:l.jsxs(ma,{$theme:d,children:[o&&l.jsx(Ea,{isAllSelected:i,disabled:a,gridId:t,selectAll:r,deselectAll:n,theme:d}),e.map(c=>l.jsx(ja,{title:c.title,component:c.component,theme:d},`${c.title}_${t}`))]})}),Ra=({data:e,id:t,onSelect:r})=>{const{elementId:n}=he(t),[o,i]=p.useState([]),a=e.map(b=>b.id),d=a.length===o.length,c=e.some(b=>b==null?void 0:b.disabled),h=b=>{i(b),r==null||r(b)};return{elementId:n,isAllSelected:d,isAllCheckboxDisabled:c,selectedIds:o,handleSelectAll:()=>{h(a)},handleDeselectAll:()=>{h([])},handleSelectRowById:b=>{const x=[...o,b];h(x)},handleDeselectRowById:b=>{const x=o.filter(E=>E!==b);h(x)}}},_a=({columns:e,data:t,id:r,onSelect:n,renderDataItem:o,caption:i,selectable:a=!1,...d})=>{const{elementId:c,handleSelectAll:h,handleDeselectAll:u,isAllCheckboxDisabled:f,isAllSelected:y,handleDeselectRowById:g,handleSelectRowById:b,selectedIds:x}=Ra({id:r,data:t,onSelect:n}),E=X();return l.jsxs(ha,{...d,children:[i&&l.jsx(ga,{$theme:E,children:i}),l.jsx(ka,{columns:e,selectable:a,theme:E}),l.jsx(Ia,{gridId:c,columns:e,selectable:a,selectAll:h,deselectAll:u,isAllSelected:y,isAllCheckboxDisabled:f,theme:E}),l.jsx(Ca,{columns:e,data:t,selectable:a,selectRowById:b,deselectRowById:g,selectedIds:x,renderDataItem:o,theme:E})]})},zn=k.ul`
|
|
824
|
+
list-style: none;
|
|
825
|
+
margin: 0;
|
|
826
|
+
padding: 0;
|
|
827
|
+
padding-inline-start: 0;
|
|
828
|
+
display: flex;
|
|
829
|
+
gap: ${e=>e.$theme.gapSmall};
|
|
830
|
+
flex-direction: ${e=>e.$mode===Y.Vertical?"column":"row"};
|
|
831
|
+
justify-content: flex-start;
|
|
832
|
+
width: 100%;
|
|
833
|
+
`,Pa=k(zn)`
|
|
834
|
+
flex-direction: column;
|
|
835
|
+
padding-left: ${e=>e.$theme.gapBig};
|
|
836
|
+
margin-left: ${e=>e.$theme.gapBig};
|
|
837
|
+
margin-top: ${e=>e.$theme.gapSmall};
|
|
838
|
+
box-sizing: border-box;
|
|
839
|
+
border-left: ${e=>e.$theme.borderLight};
|
|
840
|
+
${Ue}
|
|
841
|
+
|
|
842
|
+
${({$theme:e,$mode:t})=>t===Y.Horizontal&&`
|
|
843
|
+
position: absolute;
|
|
844
|
+
top: 100%;
|
|
845
|
+
left: 40%;
|
|
846
|
+
width: max-content;
|
|
847
|
+
border-radius: ${e.blockBorderRadius};
|
|
848
|
+
border: ${e.borderLight};
|
|
849
|
+
box-shadow: ${e.boxShadow};
|
|
850
|
+
background-color: ${e.backgroundColorBase};
|
|
851
|
+
padding: ${e.gapMedium};
|
|
852
|
+
margin: 0;
|
|
853
|
+
z-index: ${e.zIndexPopup};
|
|
854
|
+
`}
|
|
855
|
+
`,Aa=k.li`
|
|
856
|
+
display: flex;
|
|
857
|
+
justify-content: flex-start;
|
|
858
|
+
align-items: center;
|
|
859
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
860
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
861
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
862
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
863
|
+
background-color: ${e=>e.$theme.backgroundColorBase};
|
|
864
|
+
padding: ${e=>e.$theme.gapMedium};
|
|
865
|
+
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
866
|
+
cursor: pointer;
|
|
867
|
+
|
|
868
|
+
&:hover {
|
|
869
|
+
color: ${e=>e.$theme.fontColorAccent};
|
|
870
|
+
}
|
|
871
|
+
|
|
872
|
+
&:focus-visible {
|
|
873
|
+
outline: ${e=>e.$theme.borderOutline};
|
|
874
|
+
}
|
|
875
|
+
`,za=k.li`
|
|
876
|
+
display: flex;
|
|
877
|
+
justify-content: flex-start;
|
|
878
|
+
align-items: center;
|
|
879
|
+
flex-direction: column;
|
|
880
|
+
gap: 0;
|
|
881
|
+
padding: 0;
|
|
882
|
+
position: relative;
|
|
883
|
+
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
884
|
+
|
|
885
|
+
&:focus-visible {
|
|
886
|
+
outline: ${e=>e.$theme.borderOutline};
|
|
887
|
+
}
|
|
888
|
+
`,Ta=k.span`
|
|
889
|
+
position: relative;
|
|
890
|
+
display: flex;
|
|
891
|
+
box-sizing: border-box;
|
|
892
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
893
|
+
align-items: center;
|
|
894
|
+
width: 100%;
|
|
895
|
+
justify-content: space-between;
|
|
896
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
897
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
898
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
899
|
+
background-color: ${e=>e.$theme.backgroundColorBase};
|
|
900
|
+
padding: ${e=>e.$theme.gapMedium};
|
|
901
|
+
border-radius: ${e=>e.$theme.blockBorderRadius};
|
|
902
|
+
cursor: pointer;
|
|
903
|
+
|
|
904
|
+
span {
|
|
905
|
+
display: flex;
|
|
906
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
907
|
+
align-items: center;
|
|
908
|
+
}
|
|
909
|
+
|
|
910
|
+
&:hover {
|
|
911
|
+
color: ${e=>e.$theme.fontColorAccent};
|
|
912
|
+
}
|
|
913
|
+
`,Oa=({theme:e,item:t})=>{const{icon:r,link:n,label:o,onFocus:i,onClick:a,onHover:d}=t,c=n?l.jsx("a",{href:n,target:"_blank",rel:"noreferrer",children:o}):l.jsx("span",{children:o});return l.jsxs(Aa,{tabIndex:0,role:"menuitem",$theme:e,onFocus:i,onClick:a,onMouseOver:d,children:[l.jsx(ae,{name:r}),c]})},Da=({item:e,theme:t,isSubMenuOpened:r,toggleSubMenu:n,closeSubMenu:o,mode:i,children:a})=>{const{icon:d,link:c,label:h}=e,u=p.useRef(null),f=p.useRef(null),y=c?l.jsxs("a",{href:c,target:"_blank",rel:"noreferrer",children:[l.jsx(ae,{name:d}),h]}):l.jsxs("span",{children:[l.jsx(ae,{name:d}),h]}),g=x=>{x.stopPropagation(),x.key===" "&&n()};return ot({ref:u,dependentRef:f,onClickOutsideHandler:()=>{i!==Y.Vertical&&o()}}),l.jsxs(za,{tabIndex:0,role:"menuitem","aria-haspopup":"true","aria-expanded":r,$theme:t,onKeyDown:g,ref:u,children:[l.jsxs(Ta,{ref:f,$theme:t,onClick:n,$mode:i,children:[y,l.jsx(ae,{name:r?j.ArrowUp:j.ArrowDown})]}),r&&a]})},Tn=({item:e,theme:t,mode:r})=>{var c,h;const n=!((c=e==null?void 0:e.nestedItems)!=null&&c.length),[o,i]=p.useState(!1);if(n)return l.jsx(Oa,{item:e,theme:t});const a=()=>{i(!o)},d=()=>{i(!1)};return l.jsx(Da,{item:e,theme:t,isSubMenuOpened:o,toggleSubMenu:a,closeSubMenu:d,mode:r,children:l.jsx(Pa,{role:"menu","aria-label":e.label,$theme:t,$mode:r,children:(h=e==null?void 0:e.nestedItems)==null?void 0:h.map(u=>l.jsx(Tn,{item:u,theme:t,mode:r},u.id))})})},Ma=({items:e,mode:t=Y.Vertical,...r})=>{const n=X();return l.jsx(zn,{role:"menubar",$theme:n,$mode:t,...r,children:e.map(o=>l.jsx(Tn,{item:o,theme:n,mode:t},o.id))})},Rt=({children:e})=>{const[t]=p.useState(()=>document.createElement("div"));return p.useEffect(()=>(document.body.appendChild(t),()=>{document.body.removeChild(t)}),[t]),io.createPortal(e,t)},Ba=k.button`
|
|
914
|
+
background: transparent;
|
|
915
|
+
position: relative;
|
|
916
|
+
outline: none;
|
|
917
|
+
border: none;
|
|
918
|
+
padding: ${e=>e.$theme.gapMedium};
|
|
919
|
+
cursor: pointer;
|
|
920
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
921
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
922
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
923
|
+
overflow: hidden;
|
|
924
|
+
border-top-left-radius: ${e=>e.$theme.blockBorderRadius};
|
|
925
|
+
border-top-right-radius: ${e=>e.$theme.blockBorderRadius};
|
|
926
|
+
|
|
927
|
+
&:focus-visible {
|
|
928
|
+
outline: ${e=>e.$theme.borderOutline};
|
|
929
|
+
outline-offset: -4px;
|
|
930
|
+
}
|
|
931
|
+
|
|
932
|
+
&:hover,
|
|
933
|
+
&:active {
|
|
934
|
+
text-shadow: ${e=>e.$theme.textShadow};
|
|
935
|
+
color: ${e=>e.$theme.fontColorAccent};
|
|
936
|
+
}
|
|
937
|
+
|
|
938
|
+
${e=>e.$disabled&&`
|
|
939
|
+
pointer-events: none;
|
|
940
|
+
filter: grayscale(80%);
|
|
941
|
+
opacity: 0.6;
|
|
942
|
+
`}
|
|
943
|
+
|
|
944
|
+
${e=>e.$selected&&`
|
|
945
|
+
border-top: ${e.$theme.borderLight};
|
|
946
|
+
border-right: ${e.$theme.borderLight};
|
|
947
|
+
border-left: ${e.$theme.borderLight};
|
|
948
|
+
background-color: ${e.$theme.backgroundColorBase};
|
|
949
|
+
top: 1px;
|
|
950
|
+
`}
|
|
951
|
+
|
|
952
|
+
${e=>e.$mode===Y.Vertical&&`
|
|
953
|
+
border-bottom-left-radius: ${e.$theme.blockBorderRadius};
|
|
954
|
+
border-top-right-radius: 0;
|
|
955
|
+
`}
|
|
956
|
+
|
|
957
|
+
${e=>e.$mode===Y.Vertical&&e.$selected&&`
|
|
958
|
+
border-top: ${e.$theme.borderLight};
|
|
959
|
+
border-right: none;
|
|
960
|
+
border-left: ${e.$theme.borderLight};
|
|
961
|
+
border-bottom: ${e.$theme.borderLight};
|
|
962
|
+
top: 0px;
|
|
963
|
+
left: 1px;
|
|
964
|
+
`}
|
|
965
|
+
`,La=k.div`
|
|
966
|
+
background-color: ${e=>e.$theme.backgroundColorBase};
|
|
967
|
+
color: ${e=>e.$theme.fontColorBase};
|
|
968
|
+
font-size: ${e=>e.$theme.fontSizeBase};
|
|
969
|
+
font-family: ${e=>e.$theme.fontFamilyCore};
|
|
970
|
+
padding: ${e=>e.$theme.gapBig};
|
|
971
|
+
flex-grow: 1;
|
|
972
|
+
`,Fa=k.div`
|
|
973
|
+
border-bottom: ${e=>e.$theme.borderLight};
|
|
974
|
+
padding: 0 ${e=>e.$theme.gapMedium};
|
|
975
|
+
display: flex;
|
|
976
|
+
gap: ${e=>e.$theme.gapMedium};
|
|
977
|
+
|
|
978
|
+
${e=>e.$mode===Y.Vertical&&`
|
|
979
|
+
flex-direction: column;
|
|
980
|
+
border-bottom: none;
|
|
981
|
+
border-right: ${e.$theme.borderLight};
|
|
982
|
+
padding: ${e.$theme.gapMedium} 0;
|
|
983
|
+
`}
|
|
984
|
+
`,Na=k.div`
|
|
985
|
+
display: flex;
|
|
986
|
+
flex-direction: column;
|
|
987
|
+
width: 100%;
|
|
988
|
+
|
|
989
|
+
${({$mode:e})=>e===Y.Vertical&&`
|
|
990
|
+
flex-direction: row;
|
|
991
|
+
`}
|
|
992
|
+
`,Ha=({tabs:e,selectedTabId:t,theme:r})=>{var i;const n=(i=e.find(a=>a.id===t))==null?void 0:i.content,o=`tabpanel_${t}`;return l.jsx(La,{role:"tabpanel","aria-labelledby":t,id:o,$theme:r,children:n})},Wa=({title:e,onTabSelect:t,tabId:r,isSelected:n,isDisabled:o=!1,tabPanelId:i,mode:a,theme:d})=>l.jsx(Ba,{role:"tab",id:r,onClick:()=>t(r),"aria-selected":n,"aria-controls":i,$selected:n,$disabled:o,$mode:a,$theme:d,children:e}),Ga=({tabs:e,onTabSelect:t,selectedTabId:r,tabPanelIds:n,mode:o,tabIds:i,theme:a})=>{const d=c=>{const h=i.findIndex(u=>u===r);switch(c.key){case"ArrowLeft":case"ArrowUp":{if(c.preventDefault(),c.key==="ArrowUp"&&o===Y.Horizontal||c.key==="ArrowLeft"&&o===Y.Vertical)break;const u=h-1>=0?h-1:i.length-1,f=i[u];f&&(rt(f),t(f));break}case"ArrowRight":case"ArrowDown":{if(c.preventDefault(),c.key==="ArrowDown"&&o===Y.Horizontal||c.key==="ArrowRight"&&o===Y.Vertical)break;const u=h===i.length-1?0:h+1,f=i[u];f&&(rt(f),t(f));break}}};return l.jsx(Fa,{role:"tablist",$mode:o,onKeyDown:d,$theme:a,children:e.map(({id:c,title:h,disabled:u},f)=>l.jsx(Wa,{title:h,onTabSelect:t,tabId:c,isSelected:c===r,isDisabled:u,tabPanelId:n[f],mode:o,theme:a},c))})},Ua=({tabs:e,defaultTabId:t,mode:r=Y.Horizontal,...n})=>{const o=e.map(f=>f.id),i=o.map(f=>`tabpanel_${f}`),a=t&&o.includes(t)?t:o[0],[d,c]=p.useState(a),h=X(),u=f=>{c(f)};return l.jsxs(Na,{$mode:r,...n,children:[l.jsx(Ga,{tabs:e,selectedTabId:d,tabPanelIds:i,onTabSelect:u,mode:r,tabIds:o,theme:h}),l.jsx(Ha,{tabs:e,selectedTabId:d,theme:h})]})};exports.ChopLogicAlert=Ks;exports.ChopLogicAlertMode=Z;exports.ChopLogicButton=nt;exports.ChopLogicButtonView=ue;exports.ChopLogicCheckbox=us;exports.ChopLogicDialog=ra;exports.ChopLogicErrorMessage=er;exports.ChopLogicForm=ua;exports.ChopLogicFormContext=xe;exports.ChopLogicGrid=_a;exports.ChopLogicIcon=ae;exports.ChopLogicIconName=j;exports.ChopLogicLabel=Re;exports.ChopLogicMenu=Ma;exports.ChopLogicMultiSelect=xs;exports.ChopLogicNumericInput=js;exports.ChopLogicOrientationMode=Y;exports.ChopLogicPortal=Rt;exports.ChopLogicSelect=zs;exports.ChopLogicTabs=Ua;exports.ChopLogicTextInput=Bs;exports.ChopLogicThemeContext=mn;exports.ChopLogicThemeMode=tr;exports.ChopLogicTooltip=Rn;exports.ChopLogicTooltipContainer=rr;exports.InputInnerButton=tt;exports.jsxRuntimeExports=l;exports.useChopLogicTheme=X;exports.useClickOutside=ot;exports.useContainerDimensions=yn;exports.useElementIds=he;exports.useKeyPress=it;exports.useModalFocusTrap=bn;exports.useMount=nr;exports.useResetFormInput=Ve;exports.useTooltipPosition=$n;exports.useWindowDimensions=vn;
|
|
993
|
+
//# sourceMappingURL=index-hbkMr1Dw.cjs.map
|