inconel 0.1.6 → 0.1.7
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/README.md +44 -0
- package/dist/adapters/InconelProvider.js +21 -0
- package/dist/adapters/InconelProvider.js.map +1 -0
- package/dist/adapters/context.js +15 -0
- package/dist/adapters/context.js.map +1 -0
- package/dist/assets/icons/close-2.svg.js +5 -0
- package/dist/assets/icons/close-2.svg.js.map +1 -0
- package/dist/assets/icons/cog.svg.js +5 -0
- package/dist/assets/icons/cog.svg.js.map +1 -0
- package/dist/assets/icons/export.svg.js +5 -0
- package/dist/assets/icons/export.svg.js.map +1 -0
- package/dist/assets/icons/filter.svg.js +5 -0
- package/dist/assets/icons/filter.svg.js.map +1 -0
- package/dist/assets/icons/minus.svg.js +5 -0
- package/dist/assets/icons/minus.svg.js.map +1 -0
- package/dist/assets/icons/plus.svg.js +5 -0
- package/dist/assets/icons/plus.svg.js.map +1 -0
- package/dist/assets/icons/sort.svg.js +5 -0
- package/dist/assets/icons/sort.svg.js.map +1 -0
- package/dist/assets/icons/table.svg.js +5 -0
- package/dist/assets/icons/table.svg.js.map +1 -0
- package/dist/cjs/adapters/InconelProvider.cjs +2 -0
- package/dist/cjs/adapters/InconelProvider.cjs.map +1 -0
- package/dist/cjs/adapters/context.cjs +2 -0
- package/dist/cjs/adapters/context.cjs.map +1 -0
- package/dist/cjs/assets/icons/close-2.svg.cjs +2 -0
- package/dist/cjs/assets/icons/close-2.svg.cjs.map +1 -0
- package/dist/cjs/assets/icons/cog.svg.cjs +2 -0
- package/dist/cjs/assets/icons/cog.svg.cjs.map +1 -0
- package/dist/cjs/assets/icons/export.svg.cjs +2 -0
- package/dist/cjs/assets/icons/export.svg.cjs.map +1 -0
- package/dist/cjs/assets/icons/filter.svg.cjs +2 -0
- package/dist/cjs/assets/icons/filter.svg.cjs.map +1 -0
- package/dist/cjs/assets/icons/minus.svg.cjs +2 -0
- package/dist/cjs/assets/icons/minus.svg.cjs.map +1 -0
- package/dist/cjs/assets/icons/plus.svg.cjs +2 -0
- package/dist/cjs/assets/icons/plus.svg.cjs.map +1 -0
- package/dist/cjs/assets/icons/sort.svg.cjs +2 -0
- package/dist/cjs/assets/icons/sort.svg.cjs.map +1 -0
- package/dist/cjs/assets/icons/table.svg.cjs +2 -0
- package/dist/cjs/assets/icons/table.svg.cjs.map +1 -0
- package/dist/cjs/components/Button/Button.cjs +2 -0
- package/dist/cjs/components/Button/Button.cjs.map +1 -0
- package/dist/cjs/components/Button/constants.cjs +2 -0
- package/dist/cjs/components/Button/constants.cjs.map +1 -0
- package/dist/cjs/components/Button/utils.cjs +2 -0
- package/dist/cjs/components/Button/utils.cjs.map +1 -0
- package/dist/cjs/components/Checkbox/Checkbox.cjs +2 -0
- package/dist/cjs/components/Checkbox/Checkbox.cjs.map +1 -0
- package/dist/cjs/components/CheckboxGroup/CheckboxGroup.cjs +2 -0
- package/dist/cjs/components/CheckboxGroup/CheckboxGroup.cjs.map +1 -0
- package/dist/cjs/components/CheckboxGroup/utils.cjs +2 -0
- package/dist/cjs/components/CheckboxGroup/utils.cjs.map +1 -0
- package/dist/cjs/components/CurrencyInput/CurrencyInput.cjs +2 -0
- package/dist/cjs/components/CurrencyInput/CurrencyInput.cjs.map +1 -0
- package/dist/cjs/components/CustomizableSwitch/CustomizableSwitch.cjs +2 -0
- package/dist/cjs/components/CustomizableSwitch/CustomizableSwitch.cjs.map +1 -0
- package/dist/cjs/components/DataGrid/DataGrid.cjs +2 -0
- package/dist/cjs/components/DataGrid/DataGrid.cjs.map +1 -0
- package/dist/cjs/components/DataGrid/utils.cjs +2 -0
- package/dist/cjs/components/DataGrid/utils.cjs.map +1 -0
- package/dist/cjs/components/DatePicker/DatePicker.cjs +2 -0
- package/dist/cjs/components/DatePicker/DatePicker.cjs.map +1 -0
- package/dist/cjs/components/DatePicker/utils.cjs +2 -0
- package/dist/cjs/components/DatePicker/utils.cjs.map +1 -0
- package/dist/cjs/components/DndFileUpload/DndFileUpload.cjs +2 -0
- package/dist/cjs/components/DndFileUpload/DndFileUpload.cjs.map +1 -0
- package/dist/cjs/components/DotLoader/DotLoader.cjs +2 -0
- package/dist/cjs/components/DotLoader/DotLoader.cjs.map +1 -0
- package/dist/cjs/components/DotLoader/constants.cjs +2 -0
- package/dist/cjs/components/DotLoader/constants.cjs.map +1 -0
- package/dist/cjs/components/DragDropUpload/DragDropUpload.cjs +2 -0
- package/dist/cjs/components/DragDropUpload/DragDropUpload.cjs.map +1 -0
- package/dist/cjs/components/DragDropUpload/utils.cjs +2 -0
- package/dist/cjs/components/DragDropUpload/utils.cjs.map +1 -0
- package/dist/cjs/components/ExcelTable/ExcelTable.cjs +2 -0
- package/dist/cjs/components/ExcelTable/ExcelTable.cjs.map +1 -0
- package/dist/cjs/components/ExcelTable/legacy/constants.cjs +2 -0
- package/dist/cjs/components/ExcelTable/legacy/constants.cjs.map +1 -0
- package/dist/cjs/components/ExcelTable/legacy/index.cjs +2 -0
- package/dist/cjs/components/ExcelTable/legacy/index.cjs.map +1 -0
- package/dist/cjs/components/ExcelTable/legacy/subComponents/previewTooltip/index.cjs +2 -0
- package/dist/cjs/components/ExcelTable/legacy/subComponents/previewTooltip/index.cjs.map +1 -0
- package/dist/cjs/components/ExcelTable/legacy/subComponents/tableBody.cjs +2 -0
- package/dist/cjs/components/ExcelTable/legacy/subComponents/tableBody.cjs.map +1 -0
- package/dist/cjs/components/ExcelTable/legacy/subComponents/tableCell/index.cjs +2 -0
- package/dist/cjs/components/ExcelTable/legacy/subComponents/tableCell/index.cjs.map +1 -0
- package/dist/cjs/components/ExcelTable/legacy/subComponents/tableHeaderItem/index.cjs +2 -0
- package/dist/cjs/components/ExcelTable/legacy/subComponents/tableHeaderItem/index.cjs.map +1 -0
- package/dist/cjs/components/ExcelTable/legacy/utils.cjs +2 -0
- package/dist/cjs/components/ExcelTable/legacy/utils.cjs.map +1 -0
- package/dist/cjs/components/FieldFeedback/FieldFeedback.cjs +2 -0
- package/dist/cjs/components/FieldFeedback/FieldFeedback.cjs.map +1 -0
- package/dist/cjs/components/FileUpload/FileUpload.cjs +2 -0
- package/dist/cjs/components/FileUpload/FileUpload.cjs.map +1 -0
- package/dist/cjs/components/FileUploadText/FileUploadText.cjs +2 -0
- package/dist/cjs/components/FileUploadText/FileUploadText.cjs.map +1 -0
- package/dist/cjs/components/Filter/Filter.cjs +2 -0
- package/dist/cjs/components/Filter/Filter.cjs.map +1 -0
- package/dist/cjs/components/HTMLTable/HTMLTable.cjs +2 -0
- package/dist/cjs/components/HTMLTable/HTMLTable.cjs.map +1 -0
- package/dist/cjs/components/HTMLTable/legacy/index.cjs +2 -0
- package/dist/cjs/components/HTMLTable/legacy/index.cjs.map +1 -0
- package/dist/cjs/components/HtmlEditor/HtmlEditor.cjs +2 -0
- package/dist/cjs/components/HtmlEditor/HtmlEditor.cjs.map +1 -0
- package/dist/cjs/components/Input/Input.cjs +2 -0
- package/dist/cjs/components/Input/Input.cjs.map +1 -0
- package/dist/cjs/components/Input/constants.cjs +2 -0
- package/dist/cjs/components/Input/constants.cjs.map +1 -0
- package/dist/cjs/components/Input/utils.cjs +2 -0
- package/dist/cjs/components/Input/utils.cjs.map +1 -0
- package/dist/cjs/components/InputText/InputText.cjs +2 -0
- package/dist/cjs/components/InputText/InputText.cjs.map +1 -0
- package/dist/cjs/components/Loader/Loader.cjs +2 -0
- package/dist/cjs/components/Loader/Loader.cjs.map +1 -0
- package/dist/cjs/components/Loader/constants.cjs +2 -0
- package/dist/cjs/components/Loader/constants.cjs.map +1 -0
- package/dist/cjs/components/LoaderMini/LoaderMini.cjs +2 -0
- package/dist/cjs/components/LoaderMini/LoaderMini.cjs.map +1 -0
- package/dist/cjs/components/Modal/Modal.cjs +2 -0
- package/dist/cjs/components/Modal/Modal.cjs.map +1 -0
- package/dist/cjs/components/Modal/constants.cjs +2 -0
- package/dist/cjs/components/Modal/constants.cjs.map +1 -0
- package/dist/cjs/components/MultiSelect/MultiSelect.cjs +2 -0
- package/dist/cjs/components/MultiSelect/MultiSelect.cjs.map +1 -0
- package/dist/cjs/components/MultiSelectWithCheckbox/MultiSelectWithCheckbox.cjs +2 -0
- package/dist/cjs/components/MultiSelectWithCheckbox/MultiSelectWithCheckbox.cjs.map +1 -0
- package/dist/cjs/components/Option/Option.cjs +2 -0
- package/dist/cjs/components/Option/Option.cjs.map +1 -0
- package/dist/cjs/components/OptionWithIcon/OptionWithIcon.cjs +2 -0
- package/dist/cjs/components/OptionWithIcon/OptionWithIcon.cjs.map +1 -0
- package/dist/cjs/components/RadioGroup/RadioGroup.cjs +2 -0
- package/dist/cjs/components/RadioGroup/RadioGroup.cjs.map +1 -0
- package/dist/cjs/components/ReadOnly/ReadOnly.cjs +2 -0
- package/dist/cjs/components/ReadOnly/ReadOnly.cjs.map +1 -0
- package/dist/cjs/components/ReadOnly/constants.cjs +2 -0
- package/dist/cjs/components/ReadOnly/constants.cjs.map +1 -0
- package/dist/cjs/components/Select/Select.cjs +2 -0
- package/dist/cjs/components/Select/Select.cjs.map +1 -0
- package/dist/cjs/components/SlideTabs/SlideTabs.cjs +2 -0
- package/dist/cjs/components/SlideTabs/SlideTabs.cjs.map +1 -0
- package/dist/cjs/components/SocketStatus/SocketStatus.cjs +2 -0
- package/dist/cjs/components/SocketStatus/SocketStatus.cjs.map +1 -0
- package/dist/cjs/components/Svg/Svg.cjs +2 -0
- package/dist/cjs/components/Svg/Svg.cjs.map +1 -0
- package/dist/cjs/components/Switch/Switch.cjs +2 -0
- package/dist/cjs/components/Switch/Switch.cjs.map +1 -0
- package/dist/cjs/components/Table/Table.cjs +2 -0
- package/dist/cjs/components/Table/Table.cjs.map +1 -0
- package/dist/cjs/components/Table/legacy/defaultProps.cjs +2 -0
- package/dist/cjs/components/Table/legacy/defaultProps.cjs.map +1 -0
- package/dist/cjs/components/Table/legacy/index.cjs +2 -0
- package/dist/cjs/components/Table/legacy/index.cjs.map +1 -0
- package/dist/cjs/components/Table/legacy/subComponents/constants.cjs +2 -0
- package/dist/cjs/components/Table/legacy/subComponents/constants.cjs.map +1 -0
- package/dist/cjs/components/Table/legacy/subComponents/contexts/InconelTablePropsContext.cjs +2 -0
- package/dist/cjs/components/Table/legacy/subComponents/contexts/InconelTablePropsContext.cjs.map +1 -0
- package/dist/cjs/components/Table/legacy/subComponents/hooks/useInconelEffect.cjs +2 -0
- package/dist/cjs/components/Table/legacy/subComponents/hooks/useInconelEffect.cjs.map +1 -0
- package/dist/cjs/components/Table/legacy/subComponents/hooks/useInconelMemo.cjs +2 -0
- package/dist/cjs/components/Table/legacy/subComponents/hooks/useInconelMemo.cjs.map +1 -0
- package/dist/cjs/components/Table/legacy/subComponents/hooks/useInconelTableStorage.cjs +2 -0
- package/dist/cjs/components/Table/legacy/subComponents/hooks/useInconelTableStorage.cjs.map +1 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/cellSection/index.cjs +2 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/cellSection/index.cjs.map +1 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/customContextMenu/index.cjs +2 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/customContextMenu/index.cjs.map +1 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/filterWindow/index.cjs +2 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/filterWindow/index.cjs.map +1 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/headerItem/index.cjs +2 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/headerItem/index.cjs.map +1 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/index.cjs +2 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/index.cjs.map +1 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/pinContextMenu/index.cjs +2 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/pinContextMenu/index.cjs.map +1 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/rowItem/index.cjs +2 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/rowItem/index.cjs.map +1 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/rowItem/rowWrapper.cjs +2 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/rowItem/rowWrapper.cjs.map +1 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/tableCalculations.cjs +2 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/tableCalculations.cjs.map +1 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/tableFooter/index.cjs +2 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/tableFooter/index.cjs.map +1 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/tableHeader/headerWrapper.cjs +2 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/tableHeader/headerWrapper.cjs.map +1 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/tableHeader/index.cjs +2 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableBody/tableHeader/index.cjs.map +1 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTablePagination/index.cjs +2 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTablePagination/index.cjs.map +1 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableScroll/index.cjs +2 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableScroll/index.cjs.map +1 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableToolbar/exportPanel/index.cjs +2 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableToolbar/exportPanel/index.cjs.map +1 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableToolbar/hidePanel/index.cjs +2 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableToolbar/hidePanel/index.cjs.map +1 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableToolbar/index.cjs +2 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableToolbar/index.cjs.map +1 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableToolbar/settingsPanel/index.cjs +2 -0
- package/dist/cjs/components/Table/legacy/subComponents/inconelTableToolbar/settingsPanel/index.cjs.map +1 -0
- package/dist/cjs/components/Table/legacy/subComponents/lang.cjs +2 -0
- package/dist/cjs/components/Table/legacy/subComponents/lang.cjs.map +1 -0
- package/dist/cjs/components/Table/legacy/subComponents/utils.cjs +2 -0
- package/dist/cjs/components/Table/legacy/subComponents/utils.cjs.map +1 -0
- package/dist/cjs/components/Tabs/Tabs.cjs +2 -0
- package/dist/cjs/components/Tabs/Tabs.cjs.map +1 -0
- package/dist/cjs/components/TextEditor/TextEditor.cjs +2 -0
- package/dist/cjs/components/TextEditor/TextEditor.cjs.map +1 -0
- package/dist/cjs/components/TextEditor/utils.cjs +2 -0
- package/dist/cjs/components/TextEditor/utils.cjs.map +1 -0
- package/dist/cjs/components/TextInput/TextInput.cjs +2 -0
- package/dist/cjs/components/TextInput/TextInput.cjs.map +1 -0
- package/dist/cjs/components/Textarea/Textarea.cjs +2 -0
- package/dist/cjs/components/Textarea/Textarea.cjs.map +1 -0
- package/dist/cjs/components/Tooltip/Tooltip.cjs +2 -0
- package/dist/cjs/components/Tooltip/Tooltip.cjs.map +1 -0
- package/dist/cjs/components/shared/classNames.cjs +2 -0
- package/dist/cjs/components/shared/classNames.cjs.map +1 -0
- package/dist/cjs/hooks/useOnClickOutside.cjs +2 -0
- package/dist/cjs/hooks/useOnClickOutside.cjs.map +1 -0
- package/dist/cjs/index.cjs +2 -0
- package/dist/cjs/index.cjs.map +1 -0
- package/dist/cjs/styles.css +1 -0
- package/dist/cjs/utils/helpers.cjs +2 -0
- package/dist/cjs/utils/helpers.cjs.map +1 -0
- package/dist/components/Button/Button.d.ts +4 -2
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.js +85 -0
- package/dist/components/Button/Button.js.map +1 -0
- package/dist/components/Button/constants.js +37 -0
- package/dist/components/Button/constants.js.map +1 -0
- package/dist/components/Button/utils.js +13 -0
- package/dist/components/Button/utils.js.map +1 -0
- package/dist/components/Checkbox/Checkbox.js +66 -0
- package/dist/components/Checkbox/Checkbox.js.map +1 -0
- package/dist/components/CheckboxGroup/CheckboxGroup.js +30 -0
- package/dist/components/CheckboxGroup/CheckboxGroup.js.map +1 -0
- package/dist/components/CheckboxGroup/utils.js +7 -0
- package/dist/components/CheckboxGroup/utils.js.map +1 -0
- package/dist/components/CurrencyInput/CurrencyInput.js +9 -0
- package/dist/components/CurrencyInput/CurrencyInput.js.map +1 -0
- package/dist/components/CustomizableSwitch/CustomizableSwitch.js +52 -0
- package/dist/components/CustomizableSwitch/CustomizableSwitch.js.map +1 -0
- package/dist/components/DataGrid/DataGrid.js +77 -0
- package/dist/components/DataGrid/DataGrid.js.map +1 -0
- package/dist/components/DataGrid/utils.js +7 -0
- package/dist/components/DataGrid/utils.js.map +1 -0
- package/dist/components/DatePicker/DatePicker.d.ts +2 -1
- package/dist/components/DatePicker/DatePicker.d.ts.map +1 -1
- package/dist/components/DatePicker/DatePicker.js +191 -0
- package/dist/components/DatePicker/DatePicker.js.map +1 -0
- package/dist/components/DatePicker/utils.js +13 -0
- package/dist/components/DatePicker/utils.js.map +1 -0
- package/dist/components/DndFileUpload/DndFileUpload.js +6 -0
- package/dist/components/DndFileUpload/DndFileUpload.js.map +1 -0
- package/dist/components/DotLoader/DotLoader.js +28 -0
- package/dist/components/DotLoader/DotLoader.js.map +1 -0
- package/dist/components/DotLoader/constants.js +5 -0
- package/dist/components/DotLoader/constants.js.map +1 -0
- package/dist/components/DragDropUpload/DragDropUpload.js +125 -0
- package/dist/components/DragDropUpload/DragDropUpload.js.map +1 -0
- package/dist/components/DragDropUpload/utils.js +18 -0
- package/dist/components/DragDropUpload/utils.js.map +1 -0
- package/dist/components/ExcelTable/ExcelTable.js +9 -0
- package/dist/components/ExcelTable/ExcelTable.js.map +1 -0
- package/dist/components/ExcelTable/legacy/constants.js +28 -0
- package/dist/components/ExcelTable/legacy/constants.js.map +1 -0
- package/dist/components/ExcelTable/legacy/index.js +96 -0
- package/dist/components/ExcelTable/legacy/index.js.map +1 -0
- package/dist/components/ExcelTable/legacy/subComponents/previewTooltip/index.js +18 -0
- package/dist/components/ExcelTable/legacy/subComponents/previewTooltip/index.js.map +1 -0
- package/dist/components/ExcelTable/legacy/subComponents/tableBody.js +306 -0
- package/dist/components/ExcelTable/legacy/subComponents/tableBody.js.map +1 -0
- package/dist/components/ExcelTable/legacy/subComponents/tableCell/index.js +112 -0
- package/dist/components/ExcelTable/legacy/subComponents/tableCell/index.js.map +1 -0
- package/dist/components/ExcelTable/legacy/subComponents/tableHeaderItem/index.js +44 -0
- package/dist/components/ExcelTable/legacy/subComponents/tableHeaderItem/index.js.map +1 -0
- package/dist/components/ExcelTable/legacy/utils.js +344 -0
- package/dist/components/ExcelTable/legacy/utils.js.map +1 -0
- package/dist/components/FieldFeedback/FieldFeedback.js +38 -0
- package/dist/components/FieldFeedback/FieldFeedback.js.map +1 -0
- package/dist/components/FileUpload/FileUpload.js +75 -0
- package/dist/components/FileUpload/FileUpload.js.map +1 -0
- package/dist/components/FileUploadText/FileUploadText.js +10 -0
- package/dist/components/FileUploadText/FileUploadText.js.map +1 -0
- package/dist/components/Filter/Filter.js +20 -0
- package/dist/components/Filter/Filter.js.map +1 -0
- package/dist/components/HTMLTable/HTMLTable.js +9 -0
- package/dist/components/HTMLTable/HTMLTable.js.map +1 -0
- package/dist/components/HTMLTable/legacy/index.js +186 -0
- package/dist/components/HTMLTable/legacy/index.js.map +1 -0
- package/dist/components/HtmlEditor/HtmlEditor.js +39 -0
- package/dist/components/HtmlEditor/HtmlEditor.js.map +1 -0
- package/dist/components/Input/Input.d.ts +2 -0
- package/dist/components/Input/Input.d.ts.map +1 -1
- package/dist/components/Input/Input.js +184 -0
- package/dist/components/Input/Input.js.map +1 -0
- package/dist/components/Input/constants.js +14 -0
- package/dist/components/Input/constants.js.map +1 -0
- package/dist/components/Input/utils.js +86 -0
- package/dist/components/Input/utils.js.map +1 -0
- package/dist/components/InputText/InputText.js +6 -0
- package/dist/components/InputText/InputText.js.map +1 -0
- package/dist/components/Loader/Loader.js +44 -0
- package/dist/components/Loader/Loader.js.map +1 -0
- package/dist/components/Loader/constants.js +5 -0
- package/dist/components/Loader/constants.js.map +1 -0
- package/dist/components/LoaderMini/LoaderMini.js +22 -0
- package/dist/components/LoaderMini/LoaderMini.js.map +1 -0
- package/dist/components/Modal/Modal.js +150 -0
- package/dist/components/Modal/Modal.js.map +1 -0
- package/dist/components/Modal/constants.js +5 -0
- package/dist/components/Modal/constants.js.map +1 -0
- package/dist/components/MultiSelect/MultiSelect.js +20 -0
- package/dist/components/MultiSelect/MultiSelect.js.map +1 -0
- package/dist/components/MultiSelectWithCheckbox/MultiSelectWithCheckbox.js +6 -0
- package/dist/components/MultiSelectWithCheckbox/MultiSelectWithCheckbox.js.map +1 -0
- package/dist/components/Option/Option.js +35 -0
- package/dist/components/Option/Option.js.map +1 -0
- package/dist/components/OptionWithIcon/OptionWithIcon.js +6 -0
- package/dist/components/OptionWithIcon/OptionWithIcon.js.map +1 -0
- package/dist/components/RadioGroup/RadioGroup.js +30 -0
- package/dist/components/RadioGroup/RadioGroup.js.map +1 -0
- package/dist/components/ReadOnly/ReadOnly.js +20 -0
- package/dist/components/ReadOnly/ReadOnly.js.map +1 -0
- package/dist/components/ReadOnly/constants.js +5 -0
- package/dist/components/ReadOnly/constants.js.map +1 -0
- package/dist/components/Select/Select.d.ts +2 -1
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.js +455 -0
- package/dist/components/Select/Select.js.map +1 -0
- package/dist/components/SlideTabs/SlideTabs.js +54 -0
- package/dist/components/SlideTabs/SlideTabs.js.map +1 -0
- package/dist/components/SocketStatus/SocketStatus.js +31 -0
- package/dist/components/SocketStatus/SocketStatus.js.map +1 -0
- package/dist/components/Svg/Svg.js +28 -0
- package/dist/components/Svg/Svg.js.map +1 -0
- package/dist/components/Switch/Switch.d.ts.map +1 -1
- package/dist/components/Switch/Switch.js +63 -0
- package/dist/components/Switch/Switch.js.map +1 -0
- package/dist/components/Table/Table.js +28 -0
- package/dist/components/Table/Table.js.map +1 -0
- package/dist/components/Table/legacy/defaultProps.js +158 -0
- package/dist/components/Table/legacy/defaultProps.js.map +1 -0
- package/dist/components/Table/legacy/index.js +876 -0
- package/dist/components/Table/legacy/index.js.map +1 -0
- package/dist/components/Table/legacy/subComponents/constants.js +36 -0
- package/dist/components/Table/legacy/subComponents/constants.js.map +1 -0
- package/dist/components/Table/legacy/subComponents/contexts/InconelTablePropsContext.js +6 -0
- package/dist/components/Table/legacy/subComponents/contexts/InconelTablePropsContext.js.map +1 -0
- package/dist/components/Table/legacy/subComponents/hooks/useInconelEffect.js +15 -0
- package/dist/components/Table/legacy/subComponents/hooks/useInconelEffect.js.map +1 -0
- package/dist/components/Table/legacy/subComponents/hooks/useInconelMemo.js +19 -0
- package/dist/components/Table/legacy/subComponents/hooks/useInconelMemo.js.map +1 -0
- package/dist/components/Table/legacy/subComponents/hooks/useInconelTableStorage.js +37 -0
- package/dist/components/Table/legacy/subComponents/hooks/useInconelTableStorage.js.map +1 -0
- package/dist/components/Table/legacy/subComponents/inconelTableBody/cellSection/index.js +145 -0
- package/dist/components/Table/legacy/subComponents/inconelTableBody/cellSection/index.js.map +1 -0
- package/dist/components/Table/legacy/subComponents/inconelTableBody/customContextMenu/index.js +32 -0
- package/dist/components/Table/legacy/subComponents/inconelTableBody/customContextMenu/index.js.map +1 -0
- package/dist/components/Table/legacy/subComponents/inconelTableBody/filterWindow/index.js +122 -0
- package/dist/components/Table/legacy/subComponents/inconelTableBody/filterWindow/index.js.map +1 -0
- package/dist/components/Table/legacy/subComponents/inconelTableBody/headerItem/index.js +90 -0
- package/dist/components/Table/legacy/subComponents/inconelTableBody/headerItem/index.js.map +1 -0
- package/dist/components/Table/legacy/subComponents/inconelTableBody/index.js +441 -0
- package/dist/components/Table/legacy/subComponents/inconelTableBody/index.js.map +1 -0
- package/dist/components/Table/legacy/subComponents/inconelTableBody/pinContextMenu/index.js +65 -0
- package/dist/components/Table/legacy/subComponents/inconelTableBody/pinContextMenu/index.js.map +1 -0
- package/dist/components/Table/legacy/subComponents/inconelTableBody/rowItem/index.js +191 -0
- package/dist/components/Table/legacy/subComponents/inconelTableBody/rowItem/index.js.map +1 -0
- package/dist/components/Table/legacy/subComponents/inconelTableBody/rowItem/rowWrapper.js +51 -0
- package/dist/components/Table/legacy/subComponents/inconelTableBody/rowItem/rowWrapper.js.map +1 -0
- package/dist/components/Table/legacy/subComponents/inconelTableBody/tableCalculations.js +286 -0
- package/dist/components/Table/legacy/subComponents/inconelTableBody/tableCalculations.js.map +1 -0
- package/dist/components/Table/legacy/subComponents/inconelTableBody/tableFooter/index.js +79 -0
- package/dist/components/Table/legacy/subComponents/inconelTableBody/tableFooter/index.js.map +1 -0
- package/dist/components/Table/legacy/subComponents/inconelTableBody/tableHeader/headerWrapper.js +63 -0
- package/dist/components/Table/legacy/subComponents/inconelTableBody/tableHeader/headerWrapper.js.map +1 -0
- package/dist/components/Table/legacy/subComponents/inconelTableBody/tableHeader/index.js +142 -0
- package/dist/components/Table/legacy/subComponents/inconelTableBody/tableHeader/index.js.map +1 -0
- package/dist/components/Table/legacy/subComponents/inconelTablePagination/index.js +93 -0
- package/dist/components/Table/legacy/subComponents/inconelTablePagination/index.js.map +1 -0
- package/dist/components/Table/legacy/subComponents/inconelTableScroll/index.js +136 -0
- package/dist/components/Table/legacy/subComponents/inconelTableScroll/index.js.map +1 -0
- package/dist/components/Table/legacy/subComponents/inconelTableToolbar/exportPanel/index.js +21 -0
- package/dist/components/Table/legacy/subComponents/inconelTableToolbar/exportPanel/index.js.map +1 -0
- package/dist/components/Table/legacy/subComponents/inconelTableToolbar/hidePanel/index.js +85 -0
- package/dist/components/Table/legacy/subComponents/inconelTableToolbar/hidePanel/index.js.map +1 -0
- package/dist/components/Table/legacy/subComponents/inconelTableToolbar/index.js +157 -0
- package/dist/components/Table/legacy/subComponents/inconelTableToolbar/index.js.map +1 -0
- package/dist/components/Table/legacy/subComponents/inconelTableToolbar/settingsPanel/index.js +66 -0
- package/dist/components/Table/legacy/subComponents/inconelTableToolbar/settingsPanel/index.js.map +1 -0
- package/dist/components/Table/legacy/subComponents/lang.js +64 -0
- package/dist/components/Table/legacy/subComponents/lang.js.map +1 -0
- package/dist/components/Table/legacy/subComponents/utils.js +346 -0
- package/dist/components/Table/legacy/subComponents/utils.js.map +1 -0
- package/dist/components/Tabs/Tabs.js +45 -0
- package/dist/components/Tabs/Tabs.js.map +1 -0
- package/dist/components/TextEditor/TextEditor.js +71 -0
- package/dist/components/TextEditor/TextEditor.js.map +1 -0
- package/dist/components/TextEditor/utils.js +15 -0
- package/dist/components/TextEditor/utils.js.map +1 -0
- package/dist/components/TextInput/TextInput.js +6 -0
- package/dist/components/TextInput/TextInput.js.map +1 -0
- package/dist/components/Textarea/Textarea.d.ts +2 -0
- package/dist/components/Textarea/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.js +77 -0
- package/dist/components/Textarea/Textarea.js.map +1 -0
- package/dist/components/Tooltip/Tooltip.js +28 -0
- package/dist/components/Tooltip/Tooltip.js.map +1 -0
- package/dist/components/shared/classNames.js +7 -0
- package/dist/components/shared/classNames.js.map +1 -0
- package/dist/components/shared/types.d.ts +2 -0
- package/dist/components/shared/types.d.ts.map +1 -0
- package/dist/hooks/useOnClickOutside.js +15 -0
- package/dist/hooks/useOnClickOutside.js.map +1 -0
- package/dist/index.js +83 -51590
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/dist/utils/helpers.js +5 -0
- package/dist/utils/helpers.js.map +1 -0
- package/package.json +27 -5
- package/dist/index.cjs +0 -45
- package/dist/index.cjs.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@charset "UTF-8";:root{--inconel-font-family: Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;--inconel-color-primary: #6366f1;--inconel-color-primary-hover: #4f46e5;--inconel-color-primary-subtle: #eef2ff;--inconel-primary-text-color: #ffffff;--inconel-primary-text-hover-color: #ffffff;--inconel-primary-border-color: #6366f1;--inconel-secondary-bg-color: #c3c3cc;--inconel-secondary-bg-hover-color: #d5d4df;--inconel-secondary-text-color: #535457;--inconel-secondary-text-hover-color: #6d6e72;--inconel-secondary-border-color: #9c9da1;--inconel-danger-bg-color: var(--inconel-color-danger);--inconel-danger-bg-hover-color: #b42318;--inconel-danger-text-color: #ffffff;--inconel-danger-text-hover-color: #ffffff;--inconel-danger-border-color: var(--inconel-color-danger);--inconel-warning-bg-color: #fdb022;--inconel-warning-bg-hover-color: #f79009;--inconel-warning-text-color: #101828;--inconel-warning-text-hover-color: #101828;--inconel-warning-border-color: #fdb022;--inconel-success-bg-color: #12b76a;--inconel-success-bg-hover-color: #039855;--inconel-success-text-color: #ffffff;--inconel-success-text-hover-color: #ffffff;--inconel-success-border-color: #12b76a;--inconel-dark-bg-color: #344054;--inconel-dark-bg-hover-color: #1d2939;--inconel-dark-text-color: #ffffff;--inconel-dark-text-hover-color: #ffffff;--inconel-dark-border-color: #344054;--inconel-svg-color: #ffffff;--inconel-color-text: #101828;--inconel-color-text-muted: #667085;--inconel-color-placeholder: #98a2b3;--inconel-color-border: #d0d5dd;--inconel-color-border-subtle: #eaecf0;--inconel-color-surface: #ffffff;--inconel-color-surface-muted: #f8fafc;--inconel-color-danger: #d92d20;--inconel-radius-sm: 8px;--inconel-radius-md: 12px;--inconel-shadow-focus: 0 0 0 4px rgb(99 102 241 / 12%);--inconel-shadow-menu: 0 16px 32px rgb(16 24 40 / 14%)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--inconel-color-primary: #818cf8;--inconel-color-primary-hover: #a5b4fc;--inconel-color-primary-subtle: #312e81;--inconel-primary-text-color: #ffffff;--inconel-primary-text-hover-color: #ffffff;--inconel-primary-border-color: #818cf8;--inconel-secondary-bg-color: #333741;--inconel-secondary-bg-hover-color: #3f434e;--inconel-secondary-text-color: #cecfd3;--inconel-secondary-text-hover-color: #ffffff;--inconel-secondary-border-color: #4a4f59;--inconel-danger-bg-hover-color: #fda29b;--inconel-danger-text-color: #ffffff;--inconel-danger-text-hover-color: #ffffff;--inconel-warning-bg-hover-color: #ffc94d;--inconel-warning-text-color: #101828;--inconel-warning-text-hover-color: #101828;--inconel-success-bg-hover-color: #32d583;--inconel-success-text-color: #ffffff;--inconel-success-text-hover-color: #ffffff;--inconel-dark-bg-color: #475467;--inconel-dark-bg-hover-color: #667085;--inconel-dark-text-color: #ffffff;--inconel-dark-text-hover-color: #ffffff;--inconel-dark-border-color: #475467;--inconel-color-text: #f2f4f7;--inconel-color-text-muted: #94a3b8;--inconel-color-placeholder: #64748b;--inconel-color-border: #344054;--inconel-color-border-subtle: #1f2937;--inconel-color-surface: #101828;--inconel-color-surface-muted: #1d2939;--inconel-color-danger: #f97066;--inconel-shadow-focus: 0 0 0 4px rgb(129 140 248 / 20%);--inconel-shadow-menu: 0 16px 32px rgb(0 0 0 / 40%)}}:root[data-theme=dark]{--inconel-color-primary: #818cf8;--inconel-color-primary-hover: #a5b4fc;--inconel-color-primary-subtle: #312e81;--inconel-primary-text-color: #ffffff;--inconel-primary-text-hover-color: #ffffff;--inconel-primary-border-color: #818cf8;--inconel-secondary-bg-color: #333741;--inconel-secondary-bg-hover-color: #3f434e;--inconel-secondary-text-color: #cecfd3;--inconel-secondary-text-hover-color: #ffffff;--inconel-secondary-border-color: #4a4f59;--inconel-danger-bg-hover-color: #fda29b;--inconel-danger-text-color: #ffffff;--inconel-danger-text-hover-color: #ffffff;--inconel-warning-bg-hover-color: #ffc94d;--inconel-warning-text-color: #101828;--inconel-warning-text-hover-color: #101828;--inconel-success-bg-hover-color: #32d583;--inconel-success-text-color: #ffffff;--inconel-success-text-hover-color: #ffffff;--inconel-dark-bg-color: #475467;--inconel-dark-bg-hover-color: #667085;--inconel-dark-text-color: #ffffff;--inconel-dark-text-hover-color: #ffffff;--inconel-dark-border-color: #475467;--inconel-color-text: #f2f4f7;--inconel-color-text-muted: #94a3b8;--inconel-color-placeholder: #64748b;--inconel-color-border: #344054;--inconel-color-border-subtle: #1f2937;--inconel-color-surface: #101828;--inconel-color-surface-muted: #1d2939;--inconel-color-danger: #f97066;--inconel-shadow-focus: 0 0 0 4px rgb(129 140 248 / 20%);--inconel-shadow-menu: 0 16px 32px rgb(0 0 0 / 40%)}@keyframes inconel-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.inconel-select-spinner,.inconel-select-toggle svg{animation-duration:1ms;transition-duration:1ms}}.inconel-field,.inconel-select-field{position:relative;color:var(--inconel-color-text);font-family:var(--inconel-font-family)}.inconel-field--full-width{width:100%}.inconel-field__label,.inconel-select-field>label{display:block;margin-bottom:8px;color:var(--inconel-color-text);font-size:.9rem;font-weight:600}.inconel-field-feedback{margin:7px 0 0;font-size:.82rem}.inconel-field-feedback.inconel-is-hint{color:var(--inconel-color-text-muted)}.inconel-field-feedback.inconel-is-error,.inconel-field__required{color:var(--inconel-color-danger)}.inconel-input-control,.inconel-select-control{display:flex;box-sizing:border-box;overflow:hidden;width:100%;height:var(--inconel-control-height, 40px);border:1px solid var(--inconel-color-border);border-radius:var(--inconel-radius-md);background:var(--inconel-color-surface);box-shadow:0 1px 2px #1018280d;transition:border-color .16s ease,box-shadow .16s ease}.inconel-input-control:focus-within,.inconel-select-control:focus-within,.inconel-select-control.inconel-is-open{border-color:var(--inconel-color-primary);box-shadow:var(--inconel-shadow-focus)}.inconel-input-control.inconel-is-invalid,.inconel-select-control.inconel-has-error,.inconel-textarea.inconel-is-invalid{border-color:var(--inconel-color-danger)}.inconel-input-control.inconel-is-disabled,.inconel-select-control.inconel-is-disabled{color:var(--inconel-color-placeholder);background:var(--inconel-color-surface-muted);cursor:not-allowed}.inconel-input,.inconel-select-control input{box-sizing:border-box;width:100%;min-width:0;height:100%;padding:0 var(--inconel-control-padding-x, 14px);border:0;outline:0;color:var(--inconel-color-text);background:transparent;font-family:inherit;font-size:var(--inconel-control-font-size, inherit)}.inconel-input::placeholder,.inconel-textarea::placeholder,.inconel-select-control input::placeholder{color:var(--inconel-color-placeholder);opacity:1}.inconel-size-xs{--inconel-control-height: 28px;--inconel-control-font-size: .75rem;--inconel-control-padding-x: 8px}.inconel-size-sm{--inconel-control-height: 32px;--inconel-control-font-size: .8125rem;--inconel-control-padding-x: 10px}.inconel-size-md{--inconel-control-height: 40px;--inconel-control-font-size: .875rem;--inconel-control-padding-x: 12px}.inconel-size-lg{--inconel-control-height: 48px;--inconel-control-font-size: 1rem;--inconel-control-padding-x: 16px}.inconel-size-xl{--inconel-control-height: 56px;--inconel-control-font-size: 1.125rem;--inconel-control-padding-x: 20px}.inconel-input-adornment{display:grid;flex:0 0 auto;place-items:center;padding:0 12px;color:var(--inconel-color-text-muted)}.inconel-input-clear{display:grid;width:36px;flex:0 0 auto;place-items:center;border:0;color:var(--inconel-color-placeholder);background:transparent;font-size:1.35rem;cursor:pointer}.inconel-input-clear:hover{color:var(--inconel-color-text)}.inconel-input-clear:focus-visible{outline:2px solid var(--inconel-color-primary);outline-offset:-4px}.inconel-input-readonly{box-sizing:border-box;display:flex;align-items:center;height:var(--inconel-control-height, 40px);padding:0 var(--inconel-control-padding-x, 14px);border:1px solid var(--inconel-color-border);border-radius:var(--inconel-radius-md);background:var(--inconel-color-surface-muted);font-size:var(--inconel-control-font-size, inherit);font-weight:600}.inconel-select-clear,.inconel-select-toggle{display:grid;width:42px;flex:0 0 auto;place-items:center;border:0;color:var(--inconel-color-text-muted);background:transparent;cursor:pointer}.inconel-select-clear{width:34px;color:var(--inconel-color-placeholder);font-size:1.35rem}.inconel-select-clear:hover{color:var(--inconel-color-text)}.inconel-select-toggle svg{display:block;transition:transform .16s ease}.inconel-is-open .inconel-select-toggle svg{transform:rotate(180deg)}.inconel-select-menu{z-index:50;overflow-y:auto;margin:0;padding:6px;border:1px solid var(--inconel-color-border-subtle);border-radius:var(--inconel-radius-md);background:var(--inconel-color-surface);box-shadow:var(--inconel-shadow-menu);font-family:var(--inconel-font-family)}.inconel-select-menu-portal{z-index:9999}.inconel-select-virtual-content{position:relative;width:100%}.inconel-select-option{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:var(--inconel-radius-sm);color:var(--inconel-color-text);cursor:pointer}.inconel-select-option.inconel-is-active{background:var(--inconel-color-primary-subtle)}.inconel-select-option.inconel-is-selected{color:var(--inconel-color-primary-hover);font-weight:600}.inconel-select-option.inconel-is-disabled{color:var(--inconel-color-placeholder);cursor:not-allowed}.inconel-select-message{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 12px;color:var(--inconel-color-text-muted);text-align:center}.inconel-select-message-error{color:var(--inconel-color-danger)}.inconel-select-spinner{width:16px;height:16px;flex:0 0 auto;border:2px solid var(--inconel-color-border);border-top-color:var(--inconel-color-primary);border-radius:50%;animation:inconel-spin .7s linear infinite}.inconel-svg{position:relative;display:inline-flex;align-items:center;justify-content:center}.inconel-svg>span{display:inline-flex;align-items:center;justify-content:center}.inconel-textarea{display:block;box-sizing:border-box;width:100%;min-height:96px;padding:12px var(--inconel-control-padding-x, 14px);border:1px solid var(--inconel-color-border);border-radius:var(--inconel-radius-md);outline:0;color:var(--inconel-color-text);background:var(--inconel-color-surface);box-shadow:0 1px 2px #1018280d;font-family:inherit;font-size:var(--inconel-control-font-size, inherit);line-height:1.5;transition:border-color .16s ease,box-shadow .16s ease}.inconel-textarea:focus{border-color:var(--inconel-color-primary);box-shadow:var(--inconel-shadow-focus)}.inconel-size-xs .inconel-textarea{min-height:64px}.inconel-size-sm .inconel-textarea{min-height:80px}.inconel-size-lg .inconel-textarea{min-height:112px}.inconel-size-xl .inconel-textarea{min-height:128px}.inconel-button{display:inline-flex;box-sizing:border-box;height:var(--inconel-control-height, 40px);align-items:center;justify-content:center;gap:8px;padding:0 var(--inconel-control-padding-x, 16px);border:1px solid transparent;border-radius:var(--inconel-radius-sm);font-family:var(--inconel-font-family);font-size:var(--inconel-control-font-size, .9rem);font-weight:600;line-height:1;cursor:pointer}.inconel-button:disabled{cursor:not-allowed;opacity:.55}.inconel-button--primary,.inconel-button--circle-primary,.inconel-button--square-primary{border-color:var(--inconel-primary-border-color);color:var(--inconel-primary-text-color);background:var(--inconel-color-primary)}.inconel-button--primary:hover:not(:disabled),.inconel-button--circle-primary:hover:not(:disabled),.inconel-button--square-primary:hover:not(:disabled){color:var(--inconel-primary-text-hover-color);background:var(--inconel-color-primary-hover)}.inconel-button--secondary,.inconel-button--circle-secondary,.inconel-button--square-secondary{border-color:var(--inconel-secondary-border-color);color:var(--inconel-secondary-text-color);background:var(--inconel-secondary-bg-color)}.inconel-button--secondary:hover:not(:disabled),.inconel-button--circle-secondary:hover:not(:disabled),.inconel-button--square-secondary:hover:not(:disabled){color:var(--inconel-secondary-text-hover-color);background:var(--inconel-secondary-bg-hover-color)}.inconel-button--danger,.inconel-button--circle-danger,.inconel-button--square-danger{border-color:var(--inconel-danger-border-color);color:var(--inconel-danger-text-color);background:var(--inconel-danger-bg-color)}.inconel-button--danger:hover:not(:disabled),.inconel-button--circle-danger:hover:not(:disabled),.inconel-button--square-danger:hover:not(:disabled){color:var(--inconel-danger-text-hover-color);background:var(--inconel-danger-bg-hover-color)}.inconel-button--warning,.inconel-button--circle-warning,.inconel-button--square-warning{border-color:var(--inconel-warning-border-color);color:var(--inconel-warning-text-color);background:var(--inconel-warning-bg-color)}.inconel-button--warning:hover:not(:disabled),.inconel-button--circle-warning:hover:not(:disabled),.inconel-button--square-warning:hover:not(:disabled){color:var(--inconel-warning-text-hover-color);background:var(--inconel-warning-bg-hover-color)}.inconel-button--success,.inconel-button--circle-success,.inconel-button--square-success{border-color:var(--inconel-success-border-color);color:var(--inconel-success-text-color);background:var(--inconel-success-bg-color)}.inconel-button--success:hover:not(:disabled),.inconel-button--circle-success:hover:not(:disabled),.inconel-button--square-success:hover:not(:disabled){color:var(--inconel-success-text-hover-color);background:var(--inconel-success-bg-hover-color)}.inconel-button--dark,.inconel-button--circle-dark,.inconel-button--square-dark{border-color:var(--inconel-dark-border-color);color:var(--inconel-dark-text-color);background:var(--inconel-dark-bg-color)}.inconel-button--dark:hover:not(:disabled),.inconel-button--circle-dark:hover:not(:disabled),.inconel-button--square-dark:hover:not(:disabled){color:var(--inconel-dark-text-hover-color);background:var(--inconel-dark-bg-hover-color)}.inconel-button--light,.inconel-button--calendar{border-color:var(--inconel-color-border);color:var(--inconel-color-text);background:var(--inconel-color-surface)}.inconel-button--default{height:auto;padding:0;border-color:transparent;color:inherit;background:transparent;font:inherit}.inconel-button--default:hover,.inconel-button--default:focus{color:inherit;background:transparent}.inconel-button--circle-danger,.inconel-button--circle-success,.inconel-button--circle-primary,.inconel-button--circle-warning,.inconel-button--circle-dark,.inconel-button--circle-secondary{width:var(--inconel-control-height, 40px);padding:0;border-radius:50%}.inconel-button--square-danger,.inconel-button--square-success,.inconel-button--square-primary,.inconel-button--square-warning,.inconel-button--square-dark,.inconel-button--square-secondary{width:var(--inconel-control-height, 40px);padding:0}.inconel-button--ghost{color:var(--inconel-color-primary-hover);background:transparent}.inconel-button__icon,.inconel-button__icon .inconel-svg,.inconel-button__icon svg{display:inline-flex;width:1em;height:1em;max-width:100%;max-height:100%;fill:var(--inconel-svg-color)}.inconel-button.inconel-is-active{box-shadow:var(--inconel-shadow-focus)}.inconel-button--full-width{width:100%}.inconel-button__spinner{width:14px;height:14px;border:2px solid currentcolor;border-right-color:transparent;border-radius:50%;animation:inconel-spin .7s linear infinite}.inconel-checkbox{display:grid;gap:5px}.inconel-checkbox__container{display:inline-flex;align-items:center;gap:8px;color:var(--inconel-color-text);font-family:var(--inconel-font-family);cursor:pointer}.inconel-checkbox.inconel-is-disabled{cursor:not-allowed;opacity:.55}.inconel-checkbox__error{color:var(--inconel-color-danger);font-size:.82rem}.inconel-checkbox input{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0);white-space:nowrap}.inconel-checkbox__control{display:grid;width:18px;height:18px;flex:0 0 auto;place-items:center;border:1px solid var(--inconel-color-border);border-radius:5px;background:var(--inconel-color-surface)}.inconel-checkbox input:checked+.inconel-checkbox__control{border-color:var(--inconel-color-primary);background:var(--inconel-color-primary)}.inconel-checkbox input:checked+.inconel-checkbox__control:after{width:5px;height:9px;border:solid #fff;border-width:0 2px 2px 0;content:"";transform:translateY(-1px) rotate(45deg)}.inconel-checkbox input:focus-visible+.inconel-checkbox__control{box-shadow:var(--inconel-shadow-focus)}.inconel-checkbox-group{display:flex;flex-wrap:wrap;gap:12px}.inconel-customizable-switch{position:relative;width:52px;height:28px;border-radius:999px;background:var(--inconel-color-border);cursor:pointer;transition:background .16s ease}.inconel-customizable-switch.inconel-is-checked{background:var(--inconel-color-primary)}.inconel-customizable-switch.inconel-is-disabled{cursor:not-allowed;opacity:.55}.inconel-customizable-switch__background{position:absolute;display:grid;inset:0;place-items:center}.inconel-customizable-switch__marker{position:absolute;top:3px;left:3px;display:grid;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #1018284d;place-items:center;transition:transform .16s ease}.inconel-customizable-switch.inconel-is-checked .inconel-customizable-switch__marker{transform:translate(24px)}.inconel-data-grid{position:relative;overflow:hidden;width:100%;border-radius:var(--inconel-radius-sm);color:var(--inconel-color-text);font-family:var(--inconel-font-family)}.inconel-data-grid__container{display:grid;overflow:hidden;border:1px solid var(--inconel-color-border);border-radius:var(--inconel-radius-sm);background:var(--inconel-color-surface)}.inconel-data-grid--2-col .inconel-data-grid__container{grid-template-columns:var(--inconel-data-grid-label-width, minmax(120px, .8fr)) 2fr}.inconel-data-grid--4-col .inconel-data-grid__container{grid-template-columns:var(--inconel-data-grid-label-width, minmax(100px, .7fr)) minmax(140px,1.3fr) var(--inconel-data-grid-label-width, minmax(100px, .7fr)) minmax(140px,1.3fr)}.inconel-data-grid__item{display:contents}.inconel-data-grid__item[role=button]{cursor:pointer}.inconel-data-grid__label,.inconel-data-grid__value{display:flex;min-height:32px;align-items:center;padding:6px 10px;border-bottom:1px solid var(--inconel-color-border);font-size:12px}.inconel-data-grid__label{border-right:1px solid var(--inconel-color-border);background:var(--inconel-color-surface-muted);font-weight:600}.inconel-data-grid--compact :is(.inconel-data-grid__label,.inconel-data-grid__value){min-height:26px;padding:2px 6px}.inconel-data-grid--spacious :is(.inconel-data-grid__label,.inconel-data-grid__value){min-height:44px;padding:10px 14px;font-size:.938rem}.inconel-data-grid--striped .inconel-data-grid__item:nth-child(2n) .inconel-data-grid__value{background:var(--inconel-color-surface-muted)}.inconel-data-grid--hoverable .inconel-data-grid__item:hover :is(.inconel-data-grid__label,.inconel-data-grid__value){background:var(--inconel-color-primary-subtle)}.inconel-data-grid--bordered{box-shadow:0 0 0 2px var(--inconel-color-primary)}.inconel-data-grid.inconel-is-loading{pointer-events:none;opacity:.7}.inconel-data-grid__loading{position:absolute;display:grid;background:#ffffffb3;inset:0;place-items:center}.inconel-data-grid__loading-spinner{width:28px;height:28px;border:3px solid var(--inconel-color-border);border-top-color:var(--inconel-color-primary);border-radius:50%;animation:inconel-spin .8s linear infinite}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.375em;border-bottom-right-radius:.375em}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle,.react-datepicker-popper--header-middle[data-placement^=bottom] .react-datepicker__triangle,.react-datepicker-popper--header-bottom[data-placement^=bottom] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker-popper--header-bottom[data-placement^=top] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select,.react-datepicker__header--middle,.react-datepicker__header--bottom){border-top-right-radius:.3rem}.react-datepicker__header--middle{border-top:1px solid #aeaeae;border-radius:0;margin-top:4px}.react-datepicker__header--bottom{border-bottom:none;border-top:1px solid #aeaeae;border-radius:0 0 .3rem .3rem}.react-datepicker__header-wrapper{position:relative}.react-datepicker__header-wrapper .react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:2px}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__month-select,.react-datepicker__year-select,.react-datepicker__month-year-select{background-color:transparent;border:1px solid #aeaeae;border-radius:.3rem;color:inherit;cursor:pointer;font-family:inherit;font-size:inherit;margin-top:5px;padding:2px 5px}.react-datepicker__month-select:focus-visible,.react-datepicker__year-select:focus-visible,.react-datepicker__month-year-select:focus-visible{outline:auto 1px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.5em;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:5em;margin:2px}.react-datepicker__month{margin:.5em;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:5em;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.375em;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.375em}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + 1.0625em);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{text-align:center;white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:2.125em;line-height:2.125em;text-align:center;margin:.208em}.react-datepicker__day-name--disabled,.react-datepicker__day--disabled,.react-datepicker__time-name--disabled{cursor:default;color:#ccc}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90;color:#fff}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.625em;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__children-container{width:17.25em;margin:.5em;padding-right:.25em;padding-left:.25em;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.react-datepicker-popper-offset{margin-top:-.7em}.inconel-date-picker{display:grid;gap:6px;color:var(--inconel-color-text);font-family:var(--inconel-font-family)}.inconel-date-picker__label{display:flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600}.inconel-date-picker__control{position:relative}.inconel-date-picker__control--bordered .inconel-date-picker__input{border:1px solid var(--inconel-color-border)}.inconel-date-picker__input{box-sizing:border-box;width:100%;height:var(--inconel-control-height, 44px);padding:0 calc(var(--inconel-control-padding-x, 12px) + 26px) 0 var(--inconel-control-padding-x, 12px);border:0;border-radius:var(--inconel-radius-md);outline:0;color:inherit;background:var(--inconel-color-surface);font-family:inherit;font-size:var(--inconel-control-font-size, inherit)}.inconel-date-picker__input:focus{border-color:var(--inconel-color-primary);box-shadow:var(--inconel-shadow-focus)}.inconel-date-picker__input.inconel-is-invalid{border-color:var(--inconel-color-danger)}.inconel-date-picker__icon{position:absolute;top:50%;right:12px;width:18px;height:18px;pointer-events:none;transform:translateY(-50%)}.inconel-date-picker__error{color:var(--inconel-color-danger);font-size:.82rem}.inconel-date-picker.inconel-is-disabled{opacity:.65}.inconel-dot-loader{display:inline-flex;align-items:center;gap:4px}.inconel-dot-loader i{width:6px;height:6px;border-radius:50%;background:var(--inconel-color-primary);animation:inconel-pulse .9s ease-in-out infinite alternate}.inconel-dot-loader i:nth-child(2){animation-delay:.15s}.inconel-dot-loader i:nth-child(3){animation-delay:.3s}@keyframes inconel-pulse{to{opacity:.25;transform:translateY(-3px)}}.inconel-drag-drop-upload{display:grid;gap:8px;color:var(--inconel-color-text);font-family:var(--inconel-font-family)}.inconel-drag-drop-upload__label{font-size:.9rem;font-weight:600}.inconel-drag-drop-upload__area{display:flex;min-height:140px;align-items:center;justify-content:center;gap:14px;padding:20px;border:2px dashed var(--inconel-color-border);border-radius:var(--inconel-radius-md);color:var(--inconel-color-text-muted);cursor:pointer}.inconel-drag-drop-upload.inconel-is-dragging .inconel-drag-drop-upload__area{border-color:var(--inconel-color-primary);background:var(--inconel-color-primary-subtle)}.inconel-drag-drop-upload.inconel-is-disabled{cursor:not-allowed;opacity:.55}.inconel-drag-drop-upload__input{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0)}.inconel-drag-drop-upload__icon{width:28px;height:28px}.inconel-drag-drop-upload__content{display:grid;flex:1;gap:4px}.inconel-drag-drop-upload__error{color:var(--inconel-color-danger)}.inconel-drag-drop-upload__clear,.inconel-drag-drop-upload__pick{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--inconel-color-border);border-radius:var(--inconel-radius-sm);color:var(--inconel-color-text);background:var(--inconel-color-surface)}.inconel-excel-table-table-cell{--clipboard-value: none}@keyframes clipboard-animation{0%{background-position:0 0,100% 100%,0 100%,100% 0}to{background-position:100% 0,0 100%,0 0,100% 100%}}.inconel-excel-table-table-cell{position:relative;color:var(--font-color);overflow:hidden;background-color:var(--body-bg-color)}.inconel-excel-table-table-cell.pin-left{position:sticky;z-index:2;left:0}.inconel-excel-table-table-cell .cell-content{position:relative;display:flex;align-items:center;width:100%;height:100%;padding:2px 5px;color:var(--font-color);white-space:nowrap}.inconel-excel-table-table-cell.has-clipboard:before{content:"";position:absolute;width:100%;height:100%;inset:0;background:var(--clipboard-value);background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:var(--clipboard-thickness) var(--clipboard-size),var(--clipboard-thickness) var(--clipboard-size),var(--clipboard-size) var(--clipboard-thickness),var(--clipboard-size) var(--clipboard-thickness);background-position:0 0,100% 100%,0 100%,100% 0;animation:clipboard-animation var(--clipboard-duration) infinite linear;z-index:1;pointer-events:none}.inconel-excel-table-table-cell.cell-selected:after{content:"";position:absolute;width:100%;height:100%;inset:0;background-color:var(--selected-cell-bg-color);pointer-events:var(--default-pointer-events)}.inconel-excel-table-table-cell.cell-will-extend:after{content:"";position:absolute;width:100%;height:100%;inset:0;background-color:var(--extended-cell-bg-color);pointer-events:var(--default-pointer-events)}.inconel-excel-table-table-cell.cell-will-deleted:after{content:"";position:absolute;width:100%;height:100%;inset:0;background-color:var(--deleted-cell-bg-color);pointer-events:var(--default-pointer-events)}.inconel-excel-table-table-cell.cell-will-extend.cell-copy-passive:after,.inconel-excel-table-table-cell.cell-will-deleted.cell-copy-passive:after{content:"";position:absolute;width:100%;height:100%;inset:0;background-color:var(--passive-cell-bg-color);pointer-events:var(--default-pointer-events)}.inconel-excel-table-table-cell .cell-drag-Button{position:absolute;right:0;bottom:0;width:6px;height:6px;background-color:#10beea;cursor:crosshair}.inconel-excel-table-cell-preview-text{position:absolute;inset:0;width:fit-content;height:fit-content;z-index:5}.inconel-excel-table-cell-preview-text span{position:relative;display:inline-block;left:-100%;max-width:200px;padding:3px 8px;background-color:#fffacc;color:#000;border-radius:3px;box-shadow:inset 0 0 0 1px #00000080;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.inconel-excel-table{--font-color: #000000;--header-bg-color: rgb(255, 255, 255);--body-bg-color: rgb(255, 255, 255);--border-color: #e1e1e1;--border-bold-color: #cccccc}.inconel-excel-table.is-dark{--font-color: #c1c1c1;--header-bg-color: rgb(35, 35, 40);--body-bg-color: rgb(35, 35, 40);--border-color: #3f3f3f;--border-bold-color: #222222}.inconel-excel-table{--selection-color: rgb(15, 128, 240);--border-right: inset -1px 0 0 0 var(--border-color);--border-left: inset 1px 0 0 0 var(--border-color);--border-top: inset 0 1px 0 0 var(--border-color);--border-bottom: inset 0 -1px 0 0 var(--border-color);--selected-border-right: inset -2px 0 0 0 var(--selection-color);--selected-border-left: inset 2px 0 0 0 var(--selection-color);--selected-border-top: inset 0 2px 0 0 var(--selection-color);--selected-border-bottom: inset 0 -2px 0 0 var(--selection-color);--clipboard-thickness: 6px;--clipboard-size: 2px;--clipboard-duration: 10s;--clipboard-cut-color: rgb(248, 15, 15);--clipboard-copy-color: rgb(15, 248, 93);--clipboard-top-cut: linear-gradient(90deg, var(--clipboard-cut-color), 50%, transparent 50%);--clipboard-bottom-cut: linear-gradient(90deg, var(--clipboard-cut-color), 50%, transparent 50%);--clipboard-left-cut: linear-gradient(0deg, var(--clipboard-cut-color), 50%, transparent 50%);--clipboard-right-cut: linear-gradient(0deg, var(--clipboard-cut-color), 50%, transparent 50%);--clipboard-top-copy: linear-gradient(90deg, var(--clipboard-copy-color), 50%, transparent 50%);--clipboard-bottom-copy: linear-gradient(90deg, var(--clipboard-copy-color), 50%, transparent 50%);--clipboard-left-copy: linear-gradient(0deg, var(--clipboard-copy-color), 50%, transparent 50%);--clipboard-right-copy: linear-gradient(0deg, var(--clipboard-copy-color), 50%, transparent 50%);--clipboard-none: none;--selected-cell-bg-color: rgba(16, 190, 234, .2);--extended-cell-bg-color: rgba(16, 234, 129, .2);--deleted-cell-bg-color: rgba(234, 16, 16, .2);--passive-cell-bg-color: rgba(205, 148, 148, .2);--default-pointer-events: none;position:relative;width:100%;height:auto;overflow:hidden}.inconel-excel-table .table-holder{position:relative;scrollbar-width:thin;scrollbar-gutter:both-edges;border-top:1px solid var(--border-color);box-shadow:0 -1px 0 0 var(--border-color)}.inconel-excel-table .table-content{position:relative;display:grid;width:fit-content;height:auto;border-left:1px solid var(--border-color)}.inconel-excel-table .header-holder,.inconel-excel-table .body-holder,.inconel-excel-table .table-row{display:contents}.inconel-excel-table .body-holder.drag-active{cursor:crosshair}.inconel-excel-table .drag-active .inconel-excel-table-table-cell{--default-pointer-events: all}.inconel-excel-table-header-item{position:sticky;display:inline-flex;align-items:center;top:0;padding:2px 5px;color:var(--font-color);font-weight:700;background-color:var(--header-bg-color);box-shadow:var(--border-right),var(--border-bottom);border-bottom:1px solid var(--border-bold-color);z-index:1}.inconel-excel-table-header-item.pin-left{position:sticky;z-index:3;left:0}.inconel-file-upload{display:grid;gap:10px;color:var(--inconel-color-text-muted);font-family:var(--inconel-font-family)}.inconel-file-upload__input{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0);white-space:nowrap}.inconel-file-upload__label{color:var(--inconel-color-text);font-size:.9rem;font-weight:600}.inconel-file-upload__button{padding:9px 13px;border:1px solid var(--inconel-color-border);border-radius:var(--inconel-radius-sm);color:var(--inconel-color-text);background:var(--inconel-color-surface);cursor:pointer}.inconel-file-upload__button.inconel-is-disabled{cursor:not-allowed;opacity:.55}.inconel-file-upload__button.inconel-is-error{border-color:var(--inconel-color-danger)}.inconel-file-upload__error{color:var(--inconel-color-danger);font-size:.82rem}.inconel-filter{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:16px;border:1px solid var(--inconel-color-border-subtle);border-radius:var(--inconel-radius-md)}.inconel-filter__content{display:flex;flex:1;flex-wrap:wrap;gap:12px}.ep-table-wrapper .table{width:100%;margin-bottom:0;border-collapse:collapse;color:var(--inconel-color-text);font-family:var(--inconel-font-family)}.ep-table-wrapper th,.ep-table-wrapper td{padding:10px 12px;text-align:left;vertical-align:middle;border:1px solid var(--inconel-color-border)}.ep-table-wrapper thead th{background:var(--inconel-color-surface-muted);font-weight:600}.ep-table-wrapper tbody tr.clickable{cursor:pointer}.ep-table-wrapper .selected-row td{background:var(--inconel-color-primary-subtle);font-weight:600}.ep-table-pagination{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:12px;margin-bottom:10px;padding:5px;border:1px solid var(--inconel-color-border);border-radius:var(--inconel-radius-sm);background:var(--inconel-color-surface-muted)}.ep-table-pagination button{min-width:24px;height:24px;padding:0 5px;border:1px solid var(--inconel-color-border);border-radius:4px;background:var(--inconel-color-surface);color:var(--inconel-color-text);font-size:13px}.ep-table-pagination button:disabled{cursor:not-allowed;opacity:.5}.ep-table-pagination button.active{border-color:var(--inconel-color-primary);background:var(--inconel-color-primary);color:var(--inconel-primary-text-color)}.ep-table-pagination select{height:24px;padding:0 5px;border:1px solid var(--inconel-color-border);border-radius:4px;background:var(--inconel-color-surface);color:var(--inconel-color-text);font-size:13px}.inconel-editor{overflow:auto;min-height:180px;padding:12px;border:1px solid var(--inconel-color-border);border-radius:var(--inconel-radius-md);color:var(--inconel-color-text);background:var(--inconel-color-surface);font-family:var(--inconel-font-family)}.inconel-editor:empty:before{color:var(--inconel-color-placeholder);content:attr(data-placeholder)}.inconel-loader{display:grid;place-items:center}.inconel-loader--fullscreen{position:fixed;z-index:11000;background:#fffc;inset:0}.inconel-loader__spinner{width:36px;height:36px;border:3px solid var(--inconel-color-border);border-top-color:var(--inconel-color-primary);border-radius:50%;animation:inconel-spin .7s linear infinite}.inconel-loader--mini .inconel-loader__spinner{width:18px;height:18px;border-width:2px}.inconel-loader-mini{display:inline-grid;place-items:center}.inconel-loader-mini__donut{width:18px;height:18px;border:2px solid var(--inconel-color-border);border-top-color:var(--inconel-color-primary);border-radius:50%;animation:inconel-spin .7s linear infinite}.inconel-modal-backdrop{position:fixed;z-index:10000;display:grid;padding:24px;background:#1018288c;inset:0;place-items:center}.inconel-modal{overflow:hidden;width:min(100%,640px);max-height:calc(100vh - 48px);border-radius:var(--inconel-radius-md);color:var(--inconel-color-text);background:var(--inconel-color-surface);box-shadow:var(--inconel-shadow-menu);font-family:var(--inconel-font-family)}.inconel-modal__header,.inconel-modal__footer{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--inconel-color-border-subtle)}.inconel-modal__footer{justify-content:flex-end;border-top:1px solid var(--inconel-color-border-subtle);border-bottom:0}.inconel-modal__title{font-weight:700}.inconel-modal__header-actions{display:inline-flex;align-items:center;gap:6px}.inconel-modal__maximize{border:0;color:var(--inconel-color-text-muted);background:transparent;cursor:pointer}.inconel-modal__content{overflow:auto;padding:20px}.inconel-modal__close{border:0;color:var(--inconel-color-text-muted);background:transparent;font-size:1.5rem;cursor:pointer}.inconel-modal--sm{max-width:420px}.inconel-modal--lg{max-width:860px}.inconel-modal--xl{max-width:1140px}.inconel-modal.inconel-is-maximized{width:calc(100vw - 32px);max-width:none;height:calc(100vh - 32px)}.inconel-modal.inconel-is-full-size{width:100vw;max-width:none;height:100vh;max-height:none;border-radius:0}.inconel-multi-select{margin:0;padding:12px;border:1px solid var(--inconel-color-border);border-radius:var(--inconel-radius-md)}.inconel-option{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:var(--inconel-radius-sm);color:var(--inconel-color-text);cursor:pointer}.inconel-option.inconel-is-selected{color:var(--inconel-color-primary-hover);background:var(--inconel-color-primary-subtle)}.inconel-option.inconel-is-disabled{color:var(--inconel-color-placeholder);cursor:not-allowed}.inconel-radio-group{display:flex;flex-wrap:wrap;gap:12px}.inconel-radio{display:inline-flex;align-items:center;gap:8px;color:var(--inconel-color-text);font-family:var(--inconel-font-family);cursor:pointer}.inconel-radio input{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0);white-space:nowrap}.inconel-radio__control{display:grid;width:18px;height:18px;flex:0 0 auto;place-items:center;border:1px solid var(--inconel-color-border);border-radius:50%;background:var(--inconel-color-surface)}.inconel-radio input:checked+.inconel-radio__control{border:5px solid var(--inconel-color-primary)}.inconel-radio input:focus-visible+.inconel-radio__control{box-shadow:var(--inconel-shadow-focus)}.inconel-read-only{display:grid;gap:6px;color:var(--inconel-color-text);font-family:var(--inconel-font-family)}.inconel-read-only__label{color:var(--inconel-color-text-muted);font-size:.82rem;font-weight:600}.inconel-slide-tabs{position:relative;display:inline-flex;gap:4px;padding:4px;border-radius:var(--inconel-radius-md);background:var(--inconel-color-surface-muted)}.inconel-slide-tabs__indicator{position:absolute;bottom:4px;left:0;height:calc(100% - 8px);border-radius:var(--inconel-radius-sm);background:var(--inconel-color-surface);box-shadow:0 1px 3px #10182829;transition:width .18s ease,transform .18s ease}.inconel-slide-tabs__item{position:relative;z-index:1;display:inline-flex;align-items:center;gap:7px;padding:8px 12px;border:0;color:var(--inconel-color-text-muted);background:transparent;font:600 .88rem var(--inconel-font-family);cursor:pointer}.inconel-slide-tabs__item.inconel-is-active{color:var(--inconel-color-primary-hover)}.inconel-slide-tabs__count{min-width:20px;padding:2px 6px;border-radius:999px;background:var(--inconel-color-border-subtle);font-size:.75rem}.inconel-socket-status{display:inline-flex;align-items:center;gap:7px;color:var(--inconel-color-text-muted);font-family:var(--inconel-font-family)}.inconel-socket-status i{width:8px;height:8px;border-radius:50%}.inconel-socket-status.inconel-is-connected i{background:var(--inconel-success-bg-color)}.inconel-socket-status.inconel-is-disconnected i{background:var(--inconel-color-danger)}.inconel-switch{display:inline-flex;align-items:center;gap:8px;color:var(--inconel-color-text);font-family:var(--inconel-font-family);cursor:pointer}.inconel-switch input{position:absolute;overflow:hidden;width:1px;height:1px;clip:rect(0 0 0 0);white-space:nowrap}.inconel-switch__track{position:relative;width:42px;height:24px;border-radius:999px;background:var(--inconel-color-border);transition:background .16s ease}.inconel-switch__thumb{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #1018284d;transition:transform .16s ease}.inconel-switch input:focus-visible+.inconel-switch__track{box-shadow:var(--inconel-shadow-focus)}.inconel-switch input:checked+.inconel-switch__track{background:var(--inconel-color-primary)}.inconel-switch input:checked+.inconel-switch__track .inconel-switch__thumb{transform:translate(18px)}.inconeltable-custom-context-menu{position:absolute;left:0;top:0;z-index:10;animation:inconeltable-custom-context-menu-animation ease-out .3s 1 forwards}@keyframes inconeltable-custom-context-menu-animation{0%{opacity:0}to{opacity:1}}.inconeltable-export-panel{position:relative;width:100%;height:100%;overflow:auto}.inconeltable-export-panel .inconeltable-export-panel-item{position:relative;display:flex;justify-content:flex-start;align-items:center;width:100%;height:20px;background-color:transparent;transition:background-color .3s ease-out;cursor:pointer}.inconeltable-export-panel .inconeltable-export-panel-item span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.inconeltable-export-panel .inconeltable-export-panel-item:not(:last-child){margin-bottom:4px}.inconeltable-export-panel .inconeltable-export-panel-item:hover{background-color:var(--grid-item-hover-bgcolor)}.inconeltable-settings-panel{position:relative;width:100%;height:100%;overflow:auto}.inconeltable-settings-panel .inconeltable-settings-panel-item{position:relative;width:100%;height:42px}.inconeltable-settings-panel .inconeltable-settings-panel-item .inconeltable-settings-panel-item-first-row{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;height:50%;font-size:12px}.inconeltable-settings-panel .inconeltable-settings-panel-item .inconeltable-settings-panel-item-second-row{position:relative;display:flex;justify-content:flex-start;align-items:center;width:100%;height:50%;font-weight:700;font-size:11px}.inconeltable-settings-panel .inconeltable-settings-panel-item .inconeltable-settings-panel-item-second-row.inconeltable-enabled{color:var(--grid-status-enabled-color)}.inconeltable-settings-panel .inconeltable-settings-panel-item .inconeltable-settings-panel-item-second-row.inconeltable-disabled{color:var(--grid-status-disabled-color)}.inconeltable-hide-panel{position:relative;width:100%;height:100%;overflow:auto}.inconeltable-hide-panel input[type=checkbox]:focus{outline:none}.inconeltable-hide-panel .inconeltable-hide-panel-list{position:relative;width:100%;height:calc(100% - 30px);overflow-x:hidden;overflow-y:auto}.inconeltable-hide-panel .inconeltable-hide-panel-list .inconeltable-hide-panel-list-item{position:relative;display:flex;justify-content:flex-start;align-items:center;height:auto;margin:0;transition:background-color .3s ease-out}.inconeltable-hide-panel .inconeltable-hide-panel-list .inconeltable-hide-panel-list-item:not(.inconeltable-hide-panel-disabled) label{cursor:pointer}.inconeltable-hide-panel .inconeltable-hide-panel-list .inconeltable-hide-panel-list-item:not(.inconeltable-hide-panel-disabled) label:hover{background-color:var(--grid-item-hover-bgcolor)}.inconeltable-hide-panel .inconeltable-hide-panel-list .inconeltable-hide-panel-list-item:not(:last-child){margin-bottom:5px}.inconeltable-hide-panel .inconeltable-hide-panel-list .inconeltable-hide-panel-list-item input{margin-right:5px}.inconeltable-hide-panel .inconeltable-hide-panel-list .inconeltable-hide-panel-list-item label{width:100%;padding-top:2px;padding-bottom:2px}.inconeltable-hide-panel .inconeltable-hide-panel-list .inconeltable-hide-panel-list-item label.list-title-bold{font-weight:700}.inconeltable-hide-panel .inconeltable-hide-panel-list .inconeltable-hide-panel-list-item label.inconeltable-hide-panel-list-item-title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.inconeltable-hide-panel .inconeltable-hide-panel-footer{position:relative;display:flex;justify-content:flex-start;align-items:center;width:100%;height:30px;overflow:hidden}.inconeltable-hide-panel .inconeltable-hide-panel-footer .inconeltable-hide-panel-footer-button{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:auto;padding:3px 8px;background-color:var(--grid-footer-button-bgcolor);border-radius:5px;font-size:12px;border:var(--grid-border);cursor:pointer}.inconeltable-hide-panel .inconeltable-hide-panel-footer .inconeltable-hide-panel-footer-button:hover{opacity:.8}@keyframes inconeltable-panel-animation{0%{opacity:0}to{opacity:1}}.inconeltable-toolbar-page-size{position:relative;width:auto;height:24px;margin-right:5px}.inconeltable-toolbar-page-size .inconeltable-toolbar-page-size-combo{position:relative;width:auto;min-width:60px;height:24px}.inconeltable-toolbar-panel{position:absolute;width:200px;right:0;margin-top:5px;border:var(--grid-general-bold-border);background-color:var(--grid-panel-bgcolor);box-shadow:-14px 5px 20px #00000024;-webkit-user-select:none;user-select:none;z-index:1;animation:inconeltable-panel-animation ease-out .4s 1 forwards}.inconeltable-toolbar-panel .inconeltable-toolbar-panel-header{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;padding:0 10px;border-bottom:var(--grid-border)}.inconeltable-toolbar-panel .inconeltable-toolbar-panel-header .inconeltable-toolbar-panel-header-title{font-weight:700}.inconeltable-toolbar-panel .inconeltable-toolbar-panel-header .inconeltable-toolbar-panel-header-close{width:13px;height:13px;opacity:.4;cursor:pointer}.inconeltable-toolbar-panel .inconeltable-toolbar-panel-header .inconeltable-toolbar-panel-header-close svg{fill:var(--grid-button-icon-color);width:12px;height:12px}.inconeltable-toolbar-panel .inconeltable-toolbar-panel-body{position:relative;width:100%;padding:10px;animation:inconeltable-panel-animation ease-out .3s 1 forwards}.inconeltable-toolbar-container{position:relative;width:100%;height:30px;margin-bottom:5px}.inconeltable-toolbar-container .inconeltable-toolbar-content{position:relative;display:flex;align-items:center;width:100%;height:30px}.inconeltable-toolbar-container .inconeltable-toolbar-content .inconeltable-toolbar-left-side{display:flex;flex-direction:column;justify-content:center;width:auto;height:100%;max-width:90%}.inconeltable-toolbar-container .inconeltable-toolbar-content .inconeltable-toolbar-left-side .inconeltable-toolbar-left-side-title{position:relative;font-size:12px;line-height:14px;font-weight:700;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.inconeltable-toolbar-container .inconeltable-toolbar-content .inconeltable-toolbar-left-side .inconeltable-toolbar-left-side-count{position:relative;white-space:nowrap;font-size:12px;opacity:.8}.inconeltable-toolbar-container .inconeltable-toolbar-content .inconeltable-toolbar-right-side{display:flex;align-items:center;width:auto;height:auto;margin-left:auto}.inconeltable-toolbar-container .inconeltable-toolbar-content .inconeltable-toolbar-right-side .inconeltable-toolbar-right-side-buttons{display:flex;align-items:center;width:auto;height:auto;border:var(--grid-contrast-border);border-radius:4px;margin-left:5px;overflow:hidden}.inconeltable-toolbar-container .inconeltable-toolbar-content .inconeltable-toolbar-right-side .inconeltable-toolbar-right-side-buttons>div{position:relative;display:flex;align-items:center;justify-content:center;width:18px;height:18px;border-right:var(--grid-contrast-border);background-color:var(--grid-button-bgcolor);opacity:.5}.inconeltable-toolbar-container .inconeltable-toolbar-content .inconeltable-toolbar-right-side .inconeltable-toolbar-right-side-buttons>div:not(.inconeltable-button-disabled){opacity:1;cursor:pointer}.inconeltable-toolbar-container .inconeltable-toolbar-content .inconeltable-toolbar-right-side .inconeltable-toolbar-right-side-buttons>div:not(.inconeltable-button-disabled):hover{opacity:.7}.inconeltable-toolbar-container .inconeltable-toolbar-content .inconeltable-toolbar-right-side .inconeltable-toolbar-right-side-buttons>div:last-child{border:none}.inconeltable-toolbar-container .inconeltable-toolbar-content .inconeltable-toolbar-right-side .inconeltable-toolbar-right-side-buttons .inconeltable-toolbar-right-side-export svg{fill:var(--grid-button-icon-color);width:10px;height:10px}.inconeltable-toolbar-container .inconeltable-toolbar-content .inconeltable-toolbar-right-side .inconeltable-toolbar-right-side-buttons .inconeltable-toolbar-right-side-settings svg{fill:var(--grid-button-icon-color);width:10px;height:10px}.inconeltable-toolbar-container .inconeltable-toolbar-content .inconeltable-toolbar-right-side .inconeltable-toolbar-right-side-buttons .inconeltable-toolbar-right-side-settings.inconeltable-toolbar-active svg{fill:var(--grid-setting-icon-active-color)}.inconeltable-toolbar-container .inconeltable-toolbar-content .inconeltable-toolbar-right-side .inconeltable-toolbar-right-side-buttons .inconeltable-toolbar-right-side-hide svg{fill:var(--grid-button-icon-color);width:12px;height:12px}@keyframes inconeltable-menu-animation{0%{opacity:0}to{opacity:1}}.inconeltable-filter-window{position:absolute;left:0;top:0;min-width:196px;z-index:3;background-color:var(--grid-filtering-bgcolor);border:var(--grid-general-bold-border);border-radius:5px;box-sizing:content-box;max-width:400px;animation:inconeltable-menu-animation ease-out .4s 1 forwards}.inconeltable-filter-window .inconeltable-filter-window-header{position:relative;width:100%;padding:10px}.inconeltable-filter-window .inconeltable-filter-window-header .inconeltable-filter-window-header-input-holder{position:relative;display:flex;align-items:center;width:100%;height:25px}.inconeltable-filter-window .inconeltable-filter-window-header .inconeltable-filter-window-header-input-holder input{width:100%;height:25px;padding:1px 20px 1px 5px;border-radius:5px;border:var(--grid-general-bold-border);background-color:var(--grid-filtering-inputtext-bgcolor);color:var(--grid-text-color);transition:border .4s ease-out}.inconeltable-filter-window .inconeltable-filter-window-header .inconeltable-filter-window-header-input-holder input:focus{border-color:#007bff99;outline:none}.inconeltable-filter-window .inconeltable-filter-window-header .inconeltable-filter-window-header-input-holder .inconeltable-filter-window-header-input-clear{position:absolute;display:flex;align-items:center;justify-content:center;right:0;width:25px;height:25px;opacity:.4;cursor:pointer}.inconeltable-filter-window .inconeltable-filter-window-header .inconeltable-filter-window-header-input-holder .inconeltable-filter-window-header-input-clear svg{fill:var(--grid-clear-icon-color);width:10px;height:10px}.inconeltable-filter-window .inconeltable-filter-window-header .inconeltable-filter-window-header-input-holder .inconeltable-filter-window-header-input-clear:hover{opacity:.6}.inconeltable-filter-window .inconeltable-filter-window-header .inconeltable-filter-window-header-select-all{position:relative;display:inline-flex;align-items:center;width:auto;height:20px;margin-top:8px;font-weight:700;font-size:12px;-webkit-user-select:none;user-select:none;cursor:pointer}.inconeltable-filter-window .inconeltable-filter-window-header .inconeltable-filter-window-header-select-all:hover{opacity:.7}.inconeltable-filter-window .inconeltable-filter-window-body{position:relative;width:100%;border-top:var(--grid-border);border-bottom:var(--grid-border);padding:10px}.inconeltable-filter-window .inconeltable-filter-window-body .inconeltable-filter-window-body-list{position:relative;width:100%;height:100%;overflow-x:hidden;overflow-y:auto;-webkit-user-select:none;user-select:none}.inconeltable-filter-window .inconeltable-filter-window-body .inconeltable-filter-window-body-list .inconeltable-filter-window-body-list-nodata{font-size:11px}.inconeltable-filter-window .inconeltable-filter-window-body .inconeltable-filter-window-body-list .inconeltable-filter-window-body-list-item{position:relative;width:100%;height:25px;font-size:12px}.inconeltable-filter-window .inconeltable-filter-window-body .inconeltable-filter-window-body-list .inconeltable-filter-window-body-list-item:not(:last-child){margin-bottom:1px}.inconeltable-filter-window .inconeltable-filter-window-body .inconeltable-filter-window-body-list .inconeltable-filter-window-body-list-item .emptyItem{opacity:.5}.inconeltable-filter-window .inconeltable-filter-window-body .inconeltable-filter-window-body-list .inconeltable-filter-window-body-list-item label{position:relative;display:inline-flex;align-items:center;width:auto;max-width:100%;height:100%}.inconeltable-filter-window .inconeltable-filter-window-body .inconeltable-filter-window-body-list .inconeltable-filter-window-body-list-item label span{margin-left:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inconeltable-filter-window .inconeltable-filter-window-footer{position:relative;width:100%;display:flex;flex-direction:column;align-items:center}.inconeltable-filter-window .inconeltable-filter-window-footer>div{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:25px;font-size:12px;padding:0 10px}.inconeltable-filter-window .inconeltable-filter-window-footer .inconeltable-filter-window-footer-count{position:relative;justify-content:flex-end;font-weight:700}.inconeltable-filter-window .inconeltable-filter-window-footer .inconeltable-filter-window-footer-button{position:relative;width:calc(100% - 20px);height:20px;border:var(--grid-border);border-radius:5px;-webkit-user-select:none;user-select:none;cursor:pointer;transition:background-color .2s ease-out,color .2s ease-out}.inconeltable-filter-window .inconeltable-filter-window-footer .inconeltable-filter-window-footer-button:hover{background-color:#0176ff;color:#fff}@keyframes inconeltable-cell-update-animation{0%{opacity:1;color:inherit;font-weight:700}50%{opacity:.4;background-color:var(--danger-bg);font-weight:700}to{opacity:1;color:inherit;font-weight:400}}.inconeltable-cell-item{border-right:var(--grid-border);border-bottom:var(--grid-border)}.inconeltable-group-border.inconeltable-cell-item{border-right:var(--grid-group-border)}.inconeltable-cell-item{position:relative;display:inline-flex;box-sizing:border-box}.inconeltable-cell-item.inconeltable-rowspan-item{background-color:var(--grid-rowspan-bgcolor);font-weight:700}.inconeltable-cell-item.inconeltable-rowspan-item-start,.inconeltable-cell-item.inconeltable-rowspan-item-between{border-bottom:1px solid transparent}.inconeltable-cell-item.inconeltable-cell-item-updated{animation:inconeltable-cell-update-animation linear .5s 3}.inconeltable-footer{position:relative;left:0;top:0;margin:0;padding:0;width:100%;font-weight:700;overflow:hidden;background-color:var(--grid-table-footer-bgcolor);border-left:var(--grid-border);border-right:var(--grid-border);border-bottom:var(--grid-border)}.inconeltable-footer .inconeltable-footer-left,.inconeltable-footer .inconeltable-footer-center,.inconeltable-footer .inconeltable-footer-right{position:absolute;top:0;left:0;height:100%;overflow:hidden;border-left:var(--grid-border)}.inconeltable-footer .inconeltable-footer-left>div,.inconeltable-footer .inconeltable-footer-center>div,.inconeltable-footer .inconeltable-footer-right>div{position:relative;display:inline-flex;white-space:nowrap}@keyframes inconeltable-pin-context-menu-animation{0%{opacity:0}to{opacity:1}}.inconeltable-pin-context-menu{position:absolute;left:0;top:0;overflow:hidden;-webkit-user-select:none;user-select:none;z-index:4;background-color:var(--grid-context-menu-bgcolor);border:1px solid var(--grid-context-menu-border-color);box-shadow:2px 2px 3px -1px var(--grid-context-menu-shadow-color);animation:inconeltable-pin-context-menu-animation ease-out .3s 1 forwards}.inconeltable-pin-context-menu .inconeltable-pin-context-menu-item{position:relative;display:flex;align-items:center;width:100%;height:22px;padding:3px 5px;font-size:12px;transition:background-color .2s ease-out;cursor:pointer}.inconeltable-pin-context-menu .inconeltable-pin-context-menu-item:hover{background-color:var(--grid-context-menu-item-hover-color)}.inconeltable-header-item{position:absolute;top:0;left:0;overflow:hidden;color:var(--text-color);border-right:var(--grid-header-cell-border);border-bottom:var(--grid-header-cell-bottom-border)}.inconeltable-header-item.inconeltable-group-border{border-right:var(--grid-group-border)}.inconeltable-header-item .inconeltable-header-item-text{position:relative;display:inline-block;width:auto;height:auto;white-space:nowrap}.inconeltable-header-item.inconeltable-max-limit .inconeltable-header-item-text{white-space:normal}.inconeltable-header-item .inconeltable-header-item-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.inconeltable-header-item .inconeltable-header-item-sort-is-active{color:var(--grid-sorting-icon-color)}.inconeltable-header-item .inconeltable-header-item-empty-area{position:relative;width:15px;height:15px}.inconeltable-header-item.inconeltable-header-item-filter-active{background-color:var(--grid-filter-active-bgcolor)}.inconeltable-header-item .inconeltable-header-item-filter-icon{position:relative;display:flex;justify-content:center;align-items:center;width:15px;height:15px;margin-left:2px;cursor:pointer}.inconeltable-header-item .inconeltable-header-item-filter-icon svg{fill:var(--grid-filtering-icon-color);width:10px;height:10px}.inconeltable-header-item .inconeltable-header-item-sorted-asc,.inconeltable-header-item .inconeltable-header-item-sorted-desc{position:relative;display:flex;justify-content:center;align-items:center;width:15px;height:15px;margin-right:2px;cursor:pointer}.inconeltable-header-item .inconeltable-header-item-sorted-asc svg,.inconeltable-header-item .inconeltable-header-item-sorted-desc svg{fill:var(--grid-sorting-icon-color);width:10px;height:10px}.inconeltable-header-item .inconeltable-header-item-sorted-asc.inconeltable-header-item-sorted-desc,.inconeltable-header-item .inconeltable-header-item-sorted-desc.inconeltable-header-item-sorted-desc{transform:scaleY(-1)}.inconeltable-header-item .inconeltable-header-item-content{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-weight:700}.inconeltable-header-item .inconeltable-header-item-content .inconeltable-header-item-text{white-space:nowrap}.inconeltable-header-item .inconeltable-header-item-filter-bubble{position:absolute;top:1px;left:11px;display:flex;align-items:center;width:auto;height:13px;padding:0 3px;font-size:10px;font-weight:700;background-color:#ed143d;color:#fff;border-radius:3px;z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none}.inconeltable-header-item-space-between .inconeltable-header-item-content{justify-content:space-between}.inconeltable-drag-shadow{position:absolute;top:-500px;border-left:var(--grid-drag-shadow-border);border-top:var(--grid-drag-shadow-border);z-index:9999}.inconeltable-drag-shadow>div{background-color:var(--grid-drag-shadow-bg-color);border-right:var(--grid-drag-shadow-border);border-bottom:var(--grid-drag-shadow-border);pointer-events:none;-webkit-user-select:none;user-select:none}.inconeltable-header{position:relative;left:0;top:0;margin:0;padding:0;width:100%;background-color:var(--grid-table-header-bgcolor);border-right:var(--grid-header-border);border-bottom:var(--grid-shadow-border)}.inconeltable-header input[type=checkbox]:focus{outline:none}.inconeltable-header.inconeltable-header-all-hided{border-left:var(--grid-header-border)}.inconeltable-header .inconeltable-header-left,.inconeltable-header .inconeltable-header-center,.inconeltable-header .inconeltable-header-right{position:absolute;left:0;top:0;height:100%;overflow:hidden;border-left:var(--grid-border)}.inconeltable-header .inconeltable-header-left>div,.inconeltable-header .inconeltable-header-center>div,.inconeltable-header .inconeltable-header-right>div{position:absolute;left:0;top:0;height:100%}.inconeltable-header .inconeltable-header-left{background-color:var(--grid-table-header-pin-left-bgcolor)}.inconeltable-header .inconeltable-header-right{background-color:var(--grid-table-header-pin-right-bgcolor);border-right:var(--grid-header-border)}.inconeltable-header .inconeltable-header-content{position:relative;left:0;top:0;margin:0;padding:0;width:100%;height:100%}.inconeltable-header-system{position:absolute;display:flex;justify-content:flex-end;align-items:center;height:100%;border-left:var(--grid-border)}.inconeltable-header-system .inconeltable-header-system-check{position:relative;display:flex;justify-content:center;align-items:center;width:30px;height:20px;margin-right:-1px;border-left:1px solid transparent}.inconeltable-header-system .inconeltable-header-system-check input{margin-top:1px}.inconeltable-pagination{position:relative;border:var(--grid-border);display:flex;justify-content:center;align-items:center;width:100%;height:31px;background:var(--grid-bgcolor);padding:10px;font-size:12px;color:var(--text-color);-webkit-user-select:none;user-select:none}.inconeltable-pagination.is-disabled{opacity:.5;pointer-events:none}.inconeltable-pagination .react-select__option{padding:0 12px}.inconeltable-pagination .inconeltable-pagination-prev,.inconeltable-pagination .inconeltable-pagination-next{position:relative;display:flex;justify-content:center;align-items:center;width:auto;height:100%;font-weight:700;margin:0 10px;cursor:pointer}.inconeltable-pagination .inconeltable-pagination-prev:not(.inconeltable-pagination-disabled):hover,.inconeltable-pagination .inconeltable-pagination-next:not(.inconeltable-pagination-disabled):hover{color:var(--grid-active-bgcolor)}.inconeltable-pagination .inconeltable-pagination-prev.inconeltable-pagination-disabled,.inconeltable-pagination .inconeltable-pagination-next.inconeltable-pagination-disabled{opacity:.5;cursor:default}.inconeltable-pagination .inconeltable-pagination-num{position:relative;display:flex;justify-content:center;align-items:center;width:auto;height:100%;padding:0 4px;margin:0 2px;font-size:12px;border:1px solid;height:18px;border-color:var(--grid-border-color-soft);border-radius:3px}.inconeltable-pagination .inconeltable-pagination-num:not(.inconeltable-pagination-active){cursor:pointer}.inconeltable-pagination .inconeltable-pagination-num:not(.inconeltable-pagination-active):hover{color:var(--grid-active-bgcolor)}.inconeltable-pagination .inconeltable-pagination-active{font-weight:700;border:1px solid #6d90e1;color:#6d90e1;cursor:default}div{box-sizing:border-box}.inconeltable-scroll-bg-holder{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:5px}.inconeltable-scroll-bg-holder>div{position:absolute;bottom:0;right:0;background-color:var(--grid-trackBgColor)}.inconeltable-scroll-track{position:absolute;border-radius:5px;background-color:var(--grid-trackColor);transition:width .3s linear,height .3s linear,opacity .2s linear;opacity:.8}.inconeltable-scroll-expandable.inconeltable-scroll-horizontal .inconeltable-scroll-track.inconeltable-scroll-drag{height:100%!important;opacity:1}.inconeltable-scroll-expandable.inconeltable-scroll-vertical .inconeltable-scroll-track.inconeltable-scroll-drag{width:100%!important;opacity:1}.inconeltable-scroll-expandable:hover.inconeltable-scroll-horizontal .inconeltable-scroll-track{height:100%!important;opacity:1}.inconeltable-scroll-expandable:hover.inconeltable-scroll-vertical .inconeltable-scroll-track{width:100%!important;opacity:1}.inconeltable-scroll-horizontal .inconeltable-scroll-track{height:0px;bottom:0;left:0}.inconeltable-scroll-vertical .inconeltable-scroll-track{width:0px;top:0;right:0}@keyframes inconeltable-accordion-animation{0%{opacity:0}to{opacity:1}}.inconeltable-load-more{position:relative;display:flex;justify-content:center;align-items:center;width:100%;height:100%;font-size:14px;font-weight:700;color:#fff;background-color:#367bade6;outline:1px dashed #ffffff;outline-offset:-3px;-webkit-user-select:none;user-select:none}.inconeltable-load-more.data-waiting{opacity:.6}.inconeltable-load-more:not(.data-waiting){cursor:pointer}.inconeltable-load-more:not(.data-waiting):hover{opacity:.9}.inconeltable-row-item{display:inline-flex}.inconeltable-row-item,.inconeltable-system-col{transition:background-color .2s linear}.inconeltable-row-item-odd{background-color:var(--grid-row-odd-bgcolor)}.inconeltable-row-item-even{background-color:var(--grid-row-even-bgcolor)}.inconeltable-row-item-selected{background-color:var(--grid-row-selected-bgcolor);font-weight:700}.inconeltable-row-item-hover:hover .inconeltable-system-col,.inconeltable-row-item-hover:hover .inconeltable-row-item-left,.inconeltable-row-item-hover:hover .inconeltable-row-item-center,.inconeltable-row-item-hover:hover .inconeltable-row-item-right{background-color:var(--grid-row-hover-bgcolor)}.inconeltable-row-item-accordion{opacity:0;background-color:var(--grid-accordion-row-bgcolor);animation:inconeltable-accordion-animation ease-out .4s 1 forwards}.inconeltable-custom-accordion-container{top:0;left:0;margin:0}.inconeltable-row-item-left,.inconeltable-row-item-center,.inconeltable-row-item-right{position:relative;display:inline-flex;overflow:hidden;transition:background-color .2s linear}.inconeltable-row-item-left>div,.inconeltable-row-item-center>div,.inconeltable-row-item-right>div{display:inline-flex;white-space:nowrap}.inconeltable-row-item-left{border-right:var(--grid-border);background:var(--grid-row-pin-left-bgcolor)}.inconeltable-row-item-right{border-left:var(--grid-border);background:var(--grid-row-pin-right-bgcolor)}.inconeltable-system-col{position:relative;display:inline-flex;height:100%;border-right:var(--grid-border);border-bottom:var(--grid-border)}.inconeltable-system-col input[type=checkbox]:focus{outline:none}.inconeltable-system-col .inconeltable-accordion-col{position:absolute;display:flex;width:30px;height:100%;border-right:var(--grid-border)}.inconeltable-system-col .inconeltable-accordion-col .inconeltable-accordion-content{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:30px;height:100%;font-weight:700;font-size:18px;-webkit-user-select:none;user-select:none;cursor:pointer}.inconeltable-system-col .inconeltable-accordion-col .inconeltable-accordion-content:hover{opacity:.8}.inconeltable-system-col .inconeltable-accordion-col .inconeltable-accordion-content .inconeltable-accordion-icon-plus,.inconeltable-system-col .inconeltable-accordion-col .inconeltable-accordion-content .inconeltable-accordion-icon-minus{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.inconeltable-system-col .inconeltable-accordion-col .inconeltable-accordion-content .inconeltable-accordion-icon-plus svg,.inconeltable-system-col .inconeltable-accordion-col .inconeltable-accordion-content .inconeltable-accordion-icon-minus svg{fill:var(--grid-accordion-icon-color);width:8px;height:8px}.inconeltable-system-col .inconeltable-checkbox-col{position:absolute;display:flex;width:30px;height:100%}.inconeltable-system-col .inconeltable-checkbox-col .inconeltable-checkbox-content{position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:30px;height:100%}.inconeltable-table-container{position:relative;width:100%;height:auto;border-top:var(--grid-header-border)}.inconeltable-body-section{position:relative;width:100%;height:auto;transform:translateZ(0);border-right:var(--grid-header-border);border-bottom:var(--grid-header-border)}.inconeltable-body-section-table{border-left:var(--grid-border);transform:translateZ(0)}.inconeltable-body-section-table div{position:relative}.inconeltable-vertical-scroll-holder{position:absolute;width:12px;top:0;right:-1px}.inconeltable-horizontal-scroll-holder{position:relative;width:100%;height:12px}.inconeltable-horizontal-scroll-holder .inconeltable-horizontal-scroll-item{position:absolute;left:0;top:0;height:100%}.inconeltable-nodata{position:absolute;display:flex;align-items:center;justify-content:center;top:0;left:0;width:100%;height:100%;background-color:var(--grid-nodata-bgcolor)}.inconeltable-nodata>div{width:auto;height:auto;padding:3px;font-weight:700;border-radius:5px;font-size:13px;white-space:nowrap;-webkit-user-select:none;user-select:none;background:var(--body-bg)}:root{--grid-border-color: #e1e1e1;--grid-border: 1px solid #e1e1e1;--grid-contrast-border: 1px solid #e1e1e1;--grid-group-border: 2px solid #a1a1a9;--grid-general-bold-border: 2px solid #d4d4d4;--grid-text-color: #000000;--grid-scroll-bgcolor: #fafafa;--grid-scroll-drag-color: #888888;--grid-checkbox-bgcolor: #0075ff;--grid-shadow-border: 2px solid #cccccc;--grid-header-border: 1px solid #e1e1e1;--grid-header-cell-border: 1px solid #e1e1e1;--grid-header-cell-bottom-border: 1px solid #e1e1e1;--grid-rowspan-bgcolor: #e8e8e8;--grid-filtering-bgcolor: #ffffff;--grid-filtering-inputtext-bgcolor: #e5e2e2;--grid-clear-icon-color: #000000;--grid-sorting-icon-color: rgba(2, 117, 216, 1);--grid-filtering-icon-color: #000000;--grid-filter-active-bgcolor: rgba(144, 238, 144, .3);--grid-context-menu-bgcolor: #ffffff;--grid-context-menu-border-color: #dadce0;--grid-context-menu-shadow-color: rgba(0, 0, 0, .5);--grid-context-menu-item-hover-color: #c8c8c9;--grid-row-even-bgcolor: rgba(255, 255, 255, .1);--grid-row-odd-bgcolor: rgba(225, 225, 225, .1);--grid-row-hover-bgcolor: rgba(225, 225, 225, .4);--grid-row-selected-bgcolor: rgba(222, 255, 235, .8);--grid-accordion-icon-color: #000000;--grid-accordion-row-bgcolor: #f1eeee;--grid-row-pin-left-bgcolor: #f3f2f2;--grid-row-pin-right-bgcolor: #f3f2f2;--grid-table-footer-bgcolor: rgba(212, 214, 221, .4);--grid-nodata-bgcolor: rgba(228, 228, 228, .4);--grid-table-header-bgcolor: #ffffff;--grid-table-header-pin-left-bgcolor: #f7f7f7;--grid-table-header-pin-right-bgcolor: #f7f7f7;--grid-drag-shadow-bg-color: #ededed;--grid-drag-shadow-border: 1px dashed #999999;--grid-bgcolor: #f9f9f9;--grid-active-bgcolor: #0275d8;--grid-active-text-color: #ffffff;--grid-border-color-soft: #d4d4d4;--grid-trackBgColor: #eeeeee;--grid-trackColor: #888888;--grid-item-hover-bgcolor: rgba(2, 117, 216, .2);--grid-footer-button-bgcolor: #ededed;--grid-status-enabled-color: rgba(13, 191, 19, .8);--grid-status-disabled-color: rgba(127, 139, 132, .8);--grid-main-bgcolor: #ffffff;--grid-button-bgcolor: #f5f5f5;--grid-button-icon-color: #000000;--grid-panel-bgcolor: #ffffff;--grid-panel-item-hovercolor: rgba(2, 117, 216, .3);--grid-panel-select-button-bgcolor: #ededed;--grid-setting-icon-active-color: #28a745;--grid-selected-color-1: #1d2639;--grid-selected-color-2: #30446b}[data-theme=dark]{--grid-border-color: #000000;--grid-border: 1px solid #1f2225;--grid-contrast-border: 1px solid #000000;--grid-group-border: 2px solid #5e626f;--grid-general-bold-border: 2px solid #000000;--grid-text-color: #d4d4d4;--grid-scroll-bgcolor: #25272b;--grid-scroll-drag-color: #8f8f8f;--grid-checkbox-bgcolor: #0075ff;--grid-shadow-border: 2px solid #151719;--grid-header-border: 1px solid #111315;--grid-header-cell-border: 1px solid #111315;--grid-header-cell-bottom-border: 1px solid #111315;--grid-rowspan-bgcolor: #444141;--grid-filtering-bgcolor: #2f333c;--grid-filtering-inputtext-bgcolor: #262930;--grid-clear-icon-color: #d4d4d4;--grid-sorting-icon-color: rgba(245, 191, 66, 1);--grid-filtering-icon-color: #d4d4d4;--grid-filter-active-bgcolor: rgba(144, 238, 144, .3);--grid-context-menu-bgcolor: #333333;--grid-context-menu-border-color: #dadce0;--grid-context-menu-shadow-color: rgba(0, 0, 0, .5);--grid-context-menu-item-hover-color: #666666;--grid-row-even-bgcolor: rgba(37, 39, 43, .3);--grid-row-odd-bgcolor: rgba(250, 250, 250, .01);--grid-row-hover-bgcolor: rgba(6, 7, 8, .2);--grid-row-selected-bgcolor: rgba(175, 229, 255, .3);--grid-accordion-icon-color: #ffffff;--grid-accordion-row-bgcolor: #25272b;--grid-row-pin-left-bgcolor: #35363c;--grid-row-pin-right-bgcolor: #35363c;--grid-table-footer-bgcolor: rgba(85, 85, 85, .4);--grid-nodata-bgcolor: rgba(25, 26, 26, .4);--grid-table-header-bgcolor: #1d2025;--grid-table-header-pin-left-bgcolor: #34373b;--grid-table-header-pin-right-bgcolor: #34373b;--grid-drag-shadow-bg-color: #000000;--grid-drag-shadow-border: 1px dashed #ffffff;--grid-bgcolor: #181a1f;--grid-active-bgcolor: #dadce0;--grid-active-text-color: #ffffff;--grid-border-color-soft: #000000;--grid-trackBgColor: #232529;--grid-trackColor: #8f8f8f;--grid-item-hover-bgcolor: rgba(2, 117, 216, .2);--grid-footer-button-bgcolor: #666666;--grid-status-enabled-color: rgba(13, 191, 19, .8);--grid-status-disabled-color: rgba(127, 139, 132, .8);--grid-main-bgcolor: #2f333c;--grid-button-bgcolor: #1d2025;--grid-button-icon-color: #d4d4d4;--grid-panel-bgcolor: #2f333c;--grid-panel-item-hovercolor: rgba(2, 117, 216, .3);--grid-panel-select-button-bgcolor: #666666;--grid-setting-icon-active-color: #28a745;--grid-selected-color-1: #5a5e67;--grid-selected-color-2: #3c414a}.inconeltable{position:relative;width:100%;box-sizing:border-box;color:var(--grid-text-color)}div::-webkit-scrollbar{-webkit-appearance:none;-moz-appearance:none;-ms-appearance:none;-o-appearance:none;appearance:none;height:6px;width:6px}div::-webkit-scrollbar-corner,div::-webkit-scrollbar-track{background:var(--grid-scroll-bgcolor)}div::-webkit-scrollbar-thumb{background:var(--grid-scroll-drag-color);border-radius:10px;width:6px}div{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--grid-scroll-bgcolor);scrollbar-face-color:var(--grid-scroll-drag-color);scrollbar-track-color:var(--grid-scroll-bgcolor);scrollbar-3dlight-color:var(--grid-scroll-bgcolor)}input[type=checkbox]:before{content:"";width:100%;height:100%;background-color:var(--grid-checkbox-bgcolor)}input[type=checkbox]:focus{outline:none}.inconeltable-frame{position:relative;width:100%;margin:0;padding:0}.inconel-tabs__list{display:flex;gap:4px;border-bottom:1px solid var(--inconel-color-border)}.inconel-tabs__tab{padding:10px 14px;border:0;border-bottom:2px solid transparent;color:var(--inconel-color-text-muted);background:transparent;font:600 .9rem var(--inconel-font-family);cursor:pointer}.inconel-tabs__tab.inconel-is-active{border-bottom-color:var(--inconel-color-primary);color:var(--inconel-color-primary-hover)}.inconel-tabs__panel{padding:16px 0}.inconel-text-editor{overflow:hidden;border:1px solid var(--inconel-color-border);border-radius:var(--inconel-radius-md)}.inconel-tooltip{position:relative;display:inline-flex}.inconel-tooltip__content{position:absolute;z-index:1000;bottom:calc(100% + 8px);left:50%;width:max-content;max-width:280px;padding:7px 10px;border-radius:6px;color:#fff;background:#101828;font:.8rem/1.4 var(--inconel-font-family);opacity:0;pointer-events:none;transform:translate(-50%);transition:opacity .12s ease}.inconel-tooltip:hover .inconel-tooltip__content,.inconel-tooltip:focus-within .inconel-tooltip__content{opacity:1}.inconel-tooltip--bottom .inconel-tooltip__content{top:calc(100% + 8px);bottom:auto}.inconel-tooltip--left .inconel-tooltip__content{top:50%;right:calc(100% + 8px);bottom:auto;left:auto;transform:translateY(-50%)}.inconel-tooltip--right .inconel-tooltip__content{top:50%;bottom:auto;left:calc(100% + 8px);transform:translateY(-50%)}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"helpers.cjs","sources":["../../../src/utils/helpers.ts"],"sourcesContent":["export const isValidVariable = (value: unknown) =>\n value !== null && value !== undefined\n\nexport const turkishLowerCase = (value: unknown) =>\n String(value ?? '').toLocaleLowerCase('tr-TR')\n\nexport function getFileExtensionFromMimeType(mimeType?: string) {\n return mimeType?.split('/')[1]?.replace(/[^a-z0-9]/gi, '') || 'unknown'\n}\n"],"names":["isValidVariable","value"],"mappings":"gFAAO,MAAMA,EAAmBC,GAC9BA,GAAU"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ButtonHTMLAttributes, ReactNode } from 'react';
|
|
2
|
+
import { ControlSize } from '../shared/types';
|
|
2
3
|
import { ButtonType } from './constants';
|
|
3
4
|
export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {
|
|
4
5
|
label?: ReactNode;
|
|
@@ -14,7 +15,8 @@ export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement
|
|
|
14
15
|
onChange?: ButtonHTMLAttributes<HTMLButtonElement>['onChange'];
|
|
15
16
|
loading?: boolean;
|
|
16
17
|
fullWidth?: boolean;
|
|
17
|
-
variant?: 'primary' | 'secondary' | 'danger' | 'ghost';
|
|
18
|
+
variant?: 'primary' | 'secondary' | 'danger' | 'ghost' | 'warning' | 'dark';
|
|
19
|
+
size?: ControlSize;
|
|
18
20
|
}
|
|
19
|
-
export declare function Button({ loading, fullWidth, variant, label, buttonType, icon, iconClassName, iconWidth, iconHeight, iconRight, render, debounceTime, isActive, onClick, disabled, className, children, ...props }: ButtonProps): import("react").JSX.Element | null;
|
|
21
|
+
export declare function Button({ loading, fullWidth, variant, label, buttonType, icon, iconClassName, iconWidth, iconHeight, iconRight, render, debounceTime, isActive, onClick, disabled, className, children, size, ...props }: ButtonProps): import("react").JSX.Element | null;
|
|
20
22
|
//# sourceMappingURL=Button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,oBAAoB,EACzB,KAAK,SAAS,EACf,MAAM,OAAO,CAAA;AAGd,OAAO,qBAAqB,CAAA;AAC5B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAElD,OAAO,EAEL,KAAK,UAAU,EAChB,MAAM,aAAa,CAAA;AACpB,OAAO,cAAc,CAAA;AAGrB,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC;IACjE,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACpB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACzB,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,YAAY,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC5B,QAAQ,CAAC,EAAE,OAAO,GAAG,IAAI,CAAA;IACzB,QAAQ,CAAC,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,CAAC,UAAU,CAAC,CAAA;IAC9D,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAA;IAC3E,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB;AAED,wBAAgB,MAAM,CAAC,EACrB,OAAe,EACf,SAAiB,EACjB,OAAmB,EACnB,KAAK,EACL,UAAU,EACV,IAAI,EACJ,aAAa,EACb,SAAS,EACT,UAAU,EACV,SAAiB,EACjB,MAAa,EACb,YAAY,EACZ,QAAQ,EACR,OAAO,EACP,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,IAAW,EACX,GAAG,KAAK,EACT,EAAE,WAAW,sCA8Db"}
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { jsx as t, jsxs as w } from "react/jsx-runtime";
|
|
2
|
+
import { useMemo as C, useEffect as E } from "react";
|
|
3
|
+
import { classNames as b } from "../shared/classNames.js";
|
|
4
|
+
/* empty css */
|
|
5
|
+
import { BUTTON_TYPE_CLASS_NAMES as T } from "./constants.js";
|
|
6
|
+
/* empty css */
|
|
7
|
+
import { createDebouncedCallback as k } from "./utils.js";
|
|
8
|
+
import B from "../Svg/Svg.js";
|
|
9
|
+
function $({
|
|
10
|
+
loading: e = !1,
|
|
11
|
+
fullWidth: _ = !1,
|
|
12
|
+
variant: N = "primary",
|
|
13
|
+
label: h,
|
|
14
|
+
buttonType: S,
|
|
15
|
+
icon: a,
|
|
16
|
+
iconClassName: v,
|
|
17
|
+
iconWidth: n,
|
|
18
|
+
iconHeight: o,
|
|
19
|
+
iconRight: r = !1,
|
|
20
|
+
render: x = !0,
|
|
21
|
+
debounceTime: u,
|
|
22
|
+
isActive: i,
|
|
23
|
+
onClick: m,
|
|
24
|
+
disabled: s,
|
|
25
|
+
className: y,
|
|
26
|
+
children: A,
|
|
27
|
+
size: M = "md",
|
|
28
|
+
...d
|
|
29
|
+
}) {
|
|
30
|
+
const j = S ?? N, l = C(
|
|
31
|
+
() => k(m, u ?? 0),
|
|
32
|
+
[m, u]
|
|
33
|
+
);
|
|
34
|
+
if (E(() => () => l.cancel(), [l]), !x) return null;
|
|
35
|
+
const f = h ?? A, p = a ? /* @__PURE__ */ t(
|
|
36
|
+
"span",
|
|
37
|
+
{
|
|
38
|
+
className: b(
|
|
39
|
+
"inconel-button__icon",
|
|
40
|
+
r ? "inconel-button__icon--right" : "inconel-button__icon--left",
|
|
41
|
+
v
|
|
42
|
+
),
|
|
43
|
+
style: { width: n ?? void 0, height: o ?? void 0 },
|
|
44
|
+
"aria-hidden": "true",
|
|
45
|
+
children: /* @__PURE__ */ t(
|
|
46
|
+
B,
|
|
47
|
+
{
|
|
48
|
+
src: a,
|
|
49
|
+
beforeInjection: (c) => {
|
|
50
|
+
n && c.setAttribute("width", String(n)), o && c.setAttribute("height", String(o)), c.setAttribute("preserveAspectRatio", "xMidYMid meet");
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
)
|
|
54
|
+
}
|
|
55
|
+
) : null;
|
|
56
|
+
return /* @__PURE__ */ w(
|
|
57
|
+
"button",
|
|
58
|
+
{
|
|
59
|
+
...d,
|
|
60
|
+
disabled: s || e,
|
|
61
|
+
"aria-pressed": typeof i == "boolean" ? i : d["aria-pressed"],
|
|
62
|
+
onClick: s || e ? void 0 : l,
|
|
63
|
+
className: b(
|
|
64
|
+
"inconel-button",
|
|
65
|
+
`inconel-size-${M}`,
|
|
66
|
+
T[j],
|
|
67
|
+
_ && "inconel-button--full-width",
|
|
68
|
+
e && "inconel-is-loading",
|
|
69
|
+
s && "inconel-is-disabled",
|
|
70
|
+
i && "inconel-is-active",
|
|
71
|
+
y
|
|
72
|
+
),
|
|
73
|
+
children: [
|
|
74
|
+
e && /* @__PURE__ */ t("span", { className: "inconel-button__spinner", "aria-hidden": "true" }),
|
|
75
|
+
!r && p,
|
|
76
|
+
f !== void 0 && /* @__PURE__ */ t("span", { className: "inconel-button__title", children: f }),
|
|
77
|
+
r && p
|
|
78
|
+
]
|
|
79
|
+
}
|
|
80
|
+
);
|
|
81
|
+
}
|
|
82
|
+
export {
|
|
83
|
+
$ as Button
|
|
84
|
+
};
|
|
85
|
+
//# sourceMappingURL=Button.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import {\n useEffect,\n useMemo,\n type ButtonHTMLAttributes,\n type ReactNode,\n} from 'react'\n\nimport { classNames } from '../shared/classNames'\nimport '../shared/sizes.css'\nimport type { ControlSize } from '../shared/types'\nimport { Svg } from '../Svg'\nimport {\n BUTTON_TYPE_CLASS_NAMES,\n type ButtonType,\n} from './constants'\nimport './styles.css'\nimport { createDebouncedCallback } from './utils'\n\nexport interface ButtonProps\n extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onChange'> {\n label?: ReactNode\n buttonType?: ButtonType\n icon?: string | null\n iconClassName?: string\n iconWidth?: number | null\n iconHeight?: number | null\n iconRight?: boolean\n render?: boolean\n debounceTime?: number | null\n isActive?: boolean | null\n onChange?: ButtonHTMLAttributes<HTMLButtonElement>['onChange']\n loading?: boolean\n fullWidth?: boolean\n variant?: 'primary' | 'secondary' | 'danger' | 'ghost' | 'warning' | 'dark'\n size?: ControlSize\n}\n\nexport function Button({\n loading = false,\n fullWidth = false,\n variant = 'primary',\n label,\n buttonType,\n icon,\n iconClassName,\n iconWidth,\n iconHeight,\n iconRight = false,\n render = true,\n debounceTime,\n isActive,\n onClick,\n disabled,\n className,\n children,\n size = 'md',\n ...props\n}: ButtonProps) {\n const resolvedType = buttonType ?? variant\n const debouncedClick = useMemo(\n () => createDebouncedCallback(onClick, debounceTime ?? 0),\n [onClick, debounceTime],\n )\n\n useEffect(() => () => debouncedClick.cancel(), [debouncedClick])\n\n if (!render) return null\n\n const content = label ?? children\n const iconNode = icon ? (\n <span\n className={classNames(\n 'inconel-button__icon',\n iconRight\n ? 'inconel-button__icon--right'\n : 'inconel-button__icon--left',\n iconClassName,\n )}\n style={{ width: iconWidth ?? undefined, height: iconHeight ?? undefined }}\n aria-hidden=\"true\"\n >\n <Svg\n src={icon}\n beforeInjection={(svg) => {\n if (iconWidth) svg.setAttribute('width', String(iconWidth))\n if (iconHeight) svg.setAttribute('height', String(iconHeight))\n svg.setAttribute('preserveAspectRatio', 'xMidYMid meet')\n }}\n />\n </span>\n ) : null\n\n return (\n <button\n {...props}\n disabled={disabled || loading}\n aria-pressed={\n typeof isActive === 'boolean' ? isActive : props['aria-pressed']\n }\n onClick={disabled || loading ? undefined : debouncedClick}\n className={classNames(\n 'inconel-button',\n `inconel-size-${size}`,\n BUTTON_TYPE_CLASS_NAMES[resolvedType],\n fullWidth && 'inconel-button--full-width',\n loading && 'inconel-is-loading',\n disabled && 'inconel-is-disabled',\n isActive && 'inconel-is-active',\n className,\n )}\n >\n {loading && <span className=\"inconel-button__spinner\" aria-hidden=\"true\" />}\n {!iconRight && iconNode}\n {content !== undefined && (\n <span className=\"inconel-button__title\">{content}</span>\n )}\n {iconRight && iconNode}\n </button>\n )\n}\n"],"names":["Button","loading","fullWidth","variant","label","buttonType","icon","iconClassName","iconWidth","iconHeight","iconRight","render","debounceTime","isActive","onClick","disabled","className","children","size","props","resolvedType","debouncedClick","useMemo","createDebouncedCallback","useEffect","content","iconNode","jsx","classNames","Svg","svg","jsxs","BUTTON_TYPE_CLASS_NAMES"],"mappings":";;;;;;;;AAqCO,SAASA,EAAO;AAAA,EACrB,SAAAC,IAAU;AAAA,EACV,WAAAC,IAAY;AAAA,EACZ,SAAAC,IAAU;AAAA,EACV,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,MAAAC;AAAA,EACA,eAAAC;AAAA,EACA,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,QAAAC,IAAS;AAAA,EACT,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,GAAGC;AACL,GAAgB;AACd,QAAMC,IAAef,KAAcF,GAC7BkB,IAAiBC;AAAA,IACrB,MAAMC,EAAwBT,GAASF,KAAgB,CAAC;AAAA,IACxD,CAACE,GAASF,CAAY;AAAA,EAAA;AAKxB,MAFAY,EAAU,MAAM,MAAMH,EAAe,UAAU,CAACA,CAAc,CAAC,GAE3D,CAACV,EAAQ,QAAO;AAEpB,QAAMc,IAAUrB,KAASa,GACnBS,IAAWpB,IACf,gBAAAqB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAlB,IACI,gCACA;AAAA,QACJH;AAAA,MAAA;AAAA,MAEF,OAAO,EAAE,OAAOC,KAAa,QAAW,QAAQC,KAAc,OAAA;AAAA,MAC9D,eAAY;AAAA,MAEZ,UAAA,gBAAAkB;AAAA,QAACE;AAAA,QAAA;AAAA,UACC,KAAKvB;AAAA,UACL,iBAAiB,CAACwB,MAAQ;AACxB,YAAItB,KAAWsB,EAAI,aAAa,SAAS,OAAOtB,CAAS,CAAC,GACtDC,KAAYqB,EAAI,aAAa,UAAU,OAAOrB,CAAU,CAAC,GAC7DqB,EAAI,aAAa,uBAAuB,eAAe;AAAA,UACzD;AAAA,QAAA;AAAA,MAAA;AAAA,IACF;AAAA,EAAA,IAEA;AAEJ,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGZ;AAAA,MACJ,UAAUJ,KAAYd;AAAA,MACtB,gBACE,OAAOY,KAAa,YAAYA,IAAWM,EAAM,cAAc;AAAA,MAEjE,SAASJ,KAAYd,IAAU,SAAYoB;AAAA,MAC3C,WAAWO;AAAA,QACT;AAAA,QACA,gBAAgBV,CAAI;AAAA,QACpBc,EAAwBZ,CAAY;AAAA,QACpClB,KAAa;AAAA,QACbD,KAAW;AAAA,QACXc,KAAY;AAAA,QACZF,KAAY;AAAA,QACZG;AAAA,MAAA;AAAA,MAGD,UAAA;AAAA,QAAAf,KAAW,gBAAA0B,EAAC,QAAA,EAAK,WAAU,2BAA0B,eAAY,QAAO;AAAA,QACxE,CAACjB,KAAagB;AAAA,QACdD,MAAY,UACX,gBAAAE,EAAC,QAAA,EAAK,WAAU,yBAAyB,UAAAF,GAAQ;AAAA,QAElDf,KAAagB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGpB;"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
const a = [
|
|
2
|
+
"default",
|
|
3
|
+
"primary",
|
|
4
|
+
"danger",
|
|
5
|
+
"warning",
|
|
6
|
+
"secondary",
|
|
7
|
+
"success",
|
|
8
|
+
"light",
|
|
9
|
+
"dark",
|
|
10
|
+
"calendar",
|
|
11
|
+
"circleDanger",
|
|
12
|
+
"circleSuccess",
|
|
13
|
+
"circlePrimary",
|
|
14
|
+
"circleWarning",
|
|
15
|
+
"circleDark",
|
|
16
|
+
"circleSecondary",
|
|
17
|
+
"squareDanger",
|
|
18
|
+
"squareSuccess",
|
|
19
|
+
"squarePrimary",
|
|
20
|
+
"squareWarning",
|
|
21
|
+
"squareDark",
|
|
22
|
+
"squareSecondary",
|
|
23
|
+
"ghost"
|
|
24
|
+
], c = Object.fromEntries(
|
|
25
|
+
a.map((r) => [
|
|
26
|
+
r,
|
|
27
|
+
`inconel-button--${r.replace(
|
|
28
|
+
/[A-Z]/g,
|
|
29
|
+
(e) => `-${e.toLowerCase()}`
|
|
30
|
+
)}`
|
|
31
|
+
])
|
|
32
|
+
);
|
|
33
|
+
export {
|
|
34
|
+
a as BUTTON_TYPES,
|
|
35
|
+
c as BUTTON_TYPE_CLASS_NAMES
|
|
36
|
+
};
|
|
37
|
+
//# sourceMappingURL=constants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.js","sources":["../../../src/components/Button/constants.ts"],"sourcesContent":["export const BUTTON_TYPES = [\n 'default',\n 'primary',\n 'danger',\n 'warning',\n 'secondary',\n 'success',\n 'light',\n 'dark',\n 'calendar',\n 'circleDanger',\n 'circleSuccess',\n 'circlePrimary',\n 'circleWarning',\n 'circleDark',\n 'circleSecondary',\n 'squareDanger',\n 'squareSuccess',\n 'squarePrimary',\n 'squareWarning',\n 'squareDark',\n 'squareSecondary',\n 'ghost',\n] as const\n\nexport type ButtonType = (typeof BUTTON_TYPES)[number]\n\nexport const BUTTON_TYPE_CLASS_NAMES: Record<ButtonType, string> =\n Object.fromEntries(\n BUTTON_TYPES.map((type) => [\n type,\n `inconel-button--${type.replace(\n /[A-Z]/g,\n (letter) => `-${letter.toLowerCase()}`,\n )}`,\n ]),\n ) as Record<ButtonType, string>\n"],"names":["BUTTON_TYPES","BUTTON_TYPE_CLASS_NAMES","type","letter"],"mappings":"AAAO,MAAMA,IAAe;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAIaC,IACX,OAAO;AAAA,EACLD,EAAa,IAAI,CAACE,MAAS;AAAA,IACzBA;AAAA,IACA,mBAAmBA,EAAK;AAAA,MACtB;AAAA,MACA,CAACC,MAAW,IAAIA,EAAO,aAAa;AAAA,IAAA,CACrC;AAAA,EAAA,CACF;AACH;"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
function c(t, o = 0) {
|
|
2
|
+
let e;
|
|
3
|
+
const i = ((r) => {
|
|
4
|
+
t && (e && clearTimeout(e), r.persist(), e = setTimeout(() => t(r), o));
|
|
5
|
+
});
|
|
6
|
+
return i.cancel = () => {
|
|
7
|
+
e && clearTimeout(e), e = void 0;
|
|
8
|
+
}, i;
|
|
9
|
+
}
|
|
10
|
+
export {
|
|
11
|
+
c as createDebouncedCallback
|
|
12
|
+
};
|
|
13
|
+
//# sourceMappingURL=utils.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../../src/components/Button/utils.ts"],"sourcesContent":["import type { MouseEventHandler } from 'react'\n\nexport interface DebouncedCallback\n extends MouseEventHandler<HTMLButtonElement> {\n cancel: () => void\n}\n\nexport function createDebouncedCallback(\n callback?: MouseEventHandler<HTMLButtonElement>,\n wait = 0,\n): DebouncedCallback {\n let timer: ReturnType<typeof setTimeout> | undefined\n\n const debounced = ((event) => {\n if (!callback) return\n if (timer) clearTimeout(timer)\n event.persist()\n timer = setTimeout(() => callback(event), wait)\n }) as DebouncedCallback\n\n debounced.cancel = () => {\n if (timer) clearTimeout(timer)\n timer = undefined\n }\n\n return debounced\n}\n"],"names":["createDebouncedCallback","callback","wait","timer","debounced","event"],"mappings":"AAOO,SAASA,EACdC,GACAC,IAAO,GACY;AACnB,MAAIC;AAEJ,QAAMC,KAAa,CAACC,MAAU;AAC5B,IAAKJ,MACDE,kBAAoBA,CAAK,GAC7BE,EAAM,QAAA,GACNF,IAAQ,WAAW,MAAMF,EAASI,CAAK,GAAGH,CAAI;AAAA,EAChD;AAEA,SAAAE,EAAU,SAAS,MAAM;AACvB,IAAID,kBAAoBA,CAAK,GAC7BA,IAAQ;AAAA,EACV,GAEOC;AACT;"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { jsxs as a, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { useRef as k, useId as _, useEffect as N } from "react";
|
|
3
|
+
import { classNames as d } from "../shared/classNames.js";
|
|
4
|
+
/* empty css */
|
|
5
|
+
function C({
|
|
6
|
+
label: o,
|
|
7
|
+
id: h,
|
|
8
|
+
name: c,
|
|
9
|
+
labelClassName: m,
|
|
10
|
+
readOnly: p = !1,
|
|
11
|
+
errorMessage: i,
|
|
12
|
+
labelTitle: r,
|
|
13
|
+
indeterminate: l = !1,
|
|
14
|
+
className: u,
|
|
15
|
+
disabled: t,
|
|
16
|
+
onChange: f,
|
|
17
|
+
...x
|
|
18
|
+
}) {
|
|
19
|
+
const n = k(null), b = _(), s = String(h ?? `inconel-checkbox-${b.replace(/:/g, "")}`);
|
|
20
|
+
return N(() => {
|
|
21
|
+
n.current && (n.current.indeterminate = l);
|
|
22
|
+
}, [l]), /* @__PURE__ */ a(
|
|
23
|
+
"div",
|
|
24
|
+
{
|
|
25
|
+
className: d(
|
|
26
|
+
"inconel-checkbox",
|
|
27
|
+
t && "inconel-is-disabled",
|
|
28
|
+
u
|
|
29
|
+
),
|
|
30
|
+
children: [
|
|
31
|
+
/* @__PURE__ */ a("label", { className: "inconel-checkbox__container", htmlFor: s, children: [
|
|
32
|
+
/* @__PURE__ */ e(
|
|
33
|
+
"input",
|
|
34
|
+
{
|
|
35
|
+
...x,
|
|
36
|
+
ref: n,
|
|
37
|
+
id: s,
|
|
38
|
+
name: c == null ? void 0 : String(c),
|
|
39
|
+
type: "checkbox",
|
|
40
|
+
disabled: t,
|
|
41
|
+
title: r,
|
|
42
|
+
onChange: p ? void 0 : f
|
|
43
|
+
}
|
|
44
|
+
),
|
|
45
|
+
/* @__PURE__ */ e("span", { className: "inconel-checkbox__control", "aria-hidden": "true" }),
|
|
46
|
+
o && /* @__PURE__ */ e(
|
|
47
|
+
"span",
|
|
48
|
+
{
|
|
49
|
+
className: d(
|
|
50
|
+
"inconel-checkbox__label",
|
|
51
|
+
m
|
|
52
|
+
),
|
|
53
|
+
title: r,
|
|
54
|
+
children: o
|
|
55
|
+
}
|
|
56
|
+
)
|
|
57
|
+
] }),
|
|
58
|
+
i && /* @__PURE__ */ e("span", { className: "inconel-checkbox__error", role: "alert", children: i })
|
|
59
|
+
]
|
|
60
|
+
}
|
|
61
|
+
);
|
|
62
|
+
}
|
|
63
|
+
export {
|
|
64
|
+
C as Checkbox
|
|
65
|
+
};
|
|
66
|
+
//# sourceMappingURL=Checkbox.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import {\n useEffect,\n useId,\n useRef,\n type InputHTMLAttributes,\n type ReactNode,\n} from 'react'\n\nimport { classNames } from '../shared/classNames'\nimport './styles.css'\n\nexport interface CheckboxProps\n extends Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'id' | 'name'> {\n id?: string | number | null\n name?: string | number | null\n label?: ReactNode\n labelClassName?: string\n readOnly?: boolean\n errorMessage?: ReactNode\n labelTitle?: string\n indeterminate?: boolean\n}\n\nexport function Checkbox({\n label,\n id,\n name,\n labelClassName,\n readOnly = false,\n errorMessage,\n labelTitle,\n indeterminate = false,\n className,\n disabled,\n onChange,\n ...props\n}: CheckboxProps) {\n const ref = useRef<HTMLInputElement>(null)\n const generatedId = useId()\n const inputId = String(id ?? `inconel-checkbox-${generatedId.replace(/:/g, '')}`)\n useEffect(() => {\n if (ref.current) ref.current.indeterminate = indeterminate\n }, [indeterminate])\n\n return (\n <div\n className={classNames(\n 'inconel-checkbox',\n disabled && 'inconel-is-disabled',\n className,\n )}\n >\n <label className=\"inconel-checkbox__container\" htmlFor={inputId}>\n <input\n {...props}\n ref={ref}\n id={inputId}\n name={name === null || name === undefined ? undefined : String(name)}\n type=\"checkbox\"\n disabled={disabled}\n title={labelTitle}\n onChange={readOnly ? undefined : onChange}\n />\n <span className=\"inconel-checkbox__control\" aria-hidden=\"true\" />\n {label && (\n <span\n className={classNames(\n 'inconel-checkbox__label',\n labelClassName,\n )}\n title={labelTitle}\n >\n {label}\n </span>\n )}\n </label>\n {errorMessage && (\n <span className=\"inconel-checkbox__error\" role=\"alert\">\n {errorMessage}\n </span>\n )}\n </div>\n )\n}\n"],"names":["Checkbox","label","id","name","labelClassName","readOnly","errorMessage","labelTitle","indeterminate","className","disabled","onChange","props","ref","useRef","generatedId","useId","inputId","useEffect","jsxs","classNames","jsx"],"mappings":";;;;AAuBO,SAASA,EAAS;AAAA,EACvB,OAAAC;AAAA,EACA,IAAAC;AAAA,EACA,MAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,cAAAC;AAAA,EACA,YAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACL,GAAkB;AAChB,QAAMC,IAAMC,EAAyB,IAAI,GACnCC,IAAcC,EAAA,GACdC,IAAU,OAAOf,KAAM,oBAAoBa,EAAY,QAAQ,MAAM,EAAE,CAAC,EAAE;AAChF,SAAAG,EAAU,MAAM;AACd,IAAIL,EAAI,YAASA,EAAI,QAAQ,gBAAgBL;AAAA,EAC/C,GAAG,CAACA,CAAa,CAAC,GAGhB,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACT;AAAA,QACAV,KAAY;AAAA,QACZD;AAAA,MAAA;AAAA,MAGF,UAAA;AAAA,QAAA,gBAAAU,EAAC,SAAA,EAAM,WAAU,+BAA8B,SAASF,GACtD,UAAA;AAAA,UAAA,gBAAAI;AAAA,YAAC;AAAA,YAAA;AAAA,cACE,GAAGT;AAAA,cACJ,KAAAC;AAAA,cACA,IAAII;AAAA,cACJ,MAAMd,KAAS,OAA6B,SAAY,OAAOA,CAAI;AAAA,cACnE,MAAK;AAAA,cACL,UAAAO;AAAA,cACA,OAAOH;AAAA,cACP,UAAUF,IAAW,SAAYM;AAAA,YAAA;AAAA,UAAA;AAAA,UAEnC,gBAAAU,EAAC,QAAA,EAAK,WAAU,6BAA4B,eAAY,QAAO;AAAA,UAC9DpB,KACC,gBAAAoB;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAWD;AAAA,gBACT;AAAA,gBACAhB;AAAA,cAAA;AAAA,cAEF,OAAOG;AAAA,cAEN,UAAAN;AAAA,YAAA;AAAA,UAAA;AAAA,QACH,GAEJ;AAAA,QACCK,KACC,gBAAAe,EAAC,QAAA,EAAK,WAAU,2BAA0B,MAAK,SAC5C,UAAAf,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAIR;"}
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { classNames as u } from "../shared/classNames.js";
|
|
3
|
+
/* empty css */
|
|
4
|
+
import { toggleArrayValue as d } from "./utils.js";
|
|
5
|
+
import { Checkbox as b } from "../Checkbox/Checkbox.js";
|
|
6
|
+
function n({
|
|
7
|
+
options: a,
|
|
8
|
+
value: l = [],
|
|
9
|
+
onChange: c,
|
|
10
|
+
name: m,
|
|
11
|
+
className: o
|
|
12
|
+
}) {
|
|
13
|
+
const s = (e) => c?.(d(l, e));
|
|
14
|
+
return /* @__PURE__ */ r("div", { className: u("inconel-checkbox-group", o), children: a.map((e) => /* @__PURE__ */ r(
|
|
15
|
+
b,
|
|
16
|
+
{
|
|
17
|
+
name: m,
|
|
18
|
+
label: e.label,
|
|
19
|
+
value: e.value,
|
|
20
|
+
checked: l.includes(e.value),
|
|
21
|
+
disabled: e.disabled,
|
|
22
|
+
onChange: () => s(e.value)
|
|
23
|
+
},
|
|
24
|
+
e.value
|
|
25
|
+
)) });
|
|
26
|
+
}
|
|
27
|
+
export {
|
|
28
|
+
n as CheckboxGroup
|
|
29
|
+
};
|
|
30
|
+
//# sourceMappingURL=CheckboxGroup.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CheckboxGroup.js","sources":["../../../src/components/CheckboxGroup/CheckboxGroup.tsx"],"sourcesContent":["import type { ReactNode } from 'react'\n\nimport { Checkbox } from '../Checkbox'\n\nimport { classNames } from '../shared/classNames'\nimport './styles.css'\nimport { toggleArrayValue } from './utils'\n\nexport interface CheckboxOption<T extends string | number = string> {\n label: ReactNode\n value: T\n disabled?: boolean\n}\n\nexport interface CheckboxGroupProps<T extends string | number = string> {\n options: CheckboxOption<T>[]\n value?: T[]\n onChange?: (value: T[]) => void\n name?: string\n className?: string\n}\n\nexport function CheckboxGroup<T extends string | number = string>({\n options,\n value = [],\n onChange,\n name,\n className,\n}: CheckboxGroupProps<T>) {\n const toggle = (optionValue: T) =>\n onChange?.(toggleArrayValue(value, optionValue))\n\n return (\n <div className={classNames('inconel-checkbox-group', className)}>\n {options.map((option) => (\n <Checkbox\n key={option.value}\n name={name}\n label={option.label}\n value={option.value}\n checked={value.includes(option.value)}\n disabled={option.disabled}\n onChange={() => toggle(option.value)}\n />\n ))}\n </div>\n )\n}\n"],"names":["CheckboxGroup","options","value","onChange","name","className","toggle","optionValue","toggleArrayValue","jsx","classNames","option","Checkbox"],"mappings":";;;;;AAsBO,SAASA,EAAkD;AAAA,EAChE,SAAAC;AAAA,EACA,OAAAC,IAAQ,CAAA;AAAA,EACR,UAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AACF,GAA0B;AACxB,QAAMC,IAAS,CAACC,MACdJ,IAAWK,EAAiBN,GAAOK,CAAW,CAAC;AAEjD,SACE,gBAAAE,EAAC,OAAA,EAAI,WAAWC,EAAW,0BAA0BL,CAAS,GAC3D,UAAAJ,EAAQ,IAAI,CAACU,MACZ,gBAAAF;AAAA,IAACG;AAAA,IAAA;AAAA,MAEC,MAAAR;AAAA,MACA,OAAOO,EAAO;AAAA,MACd,OAAOA,EAAO;AAAA,MACd,SAAST,EAAM,SAASS,EAAO,KAAK;AAAA,MACpC,UAAUA,EAAO;AAAA,MACjB,UAAU,MAAML,EAAOK,EAAO,KAAK;AAAA,IAAA;AAAA,IAN9BA,EAAO;AAAA,EAAA,CAQf,GACH;AAEJ;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.js","sources":["../../../src/components/CheckboxGroup/utils.ts"],"sourcesContent":["export function toggleArrayValue<T>(values: T[], value: T) {\n return values.includes(value)\n ? values.filter((item) => item !== value)\n : [...values, value]\n}\n"],"names":["toggleArrayValue","values","value","item"],"mappings":"AAAO,SAASA,EAAoBC,GAAaC,GAAU;AACzD,SAAOD,EAAO,SAASC,CAAK,IACxBD,EAAO,OAAO,CAACE,MAASA,MAASD,CAAK,IACtC,CAAC,GAAGD,GAAQC,CAAK;AACvB;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CurrencyInput.js","sources":["../../../src/components/CurrencyInput/CurrencyInput.tsx"],"sourcesContent":["import Input, { type InputProps } from '../Input/Input'\n\nexport interface CurrencyInputProps extends Omit<InputProps, 'type'> {\n currency?: string\n}\n\nexport function CurrencyInput(props: CurrencyInputProps) {\n return <Input {...props} type=\"currency\" />\n}\n"],"names":["CurrencyInput","props","jsx","Input"],"mappings":";;AAMO,SAASA,EAAcC,GAA2B;AACvD,SAAO,gBAAAC,EAACC,GAAA,EAAO,GAAGF,GAAO,MAAK,YAAW;AAC3C;"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { jsxs as a, jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { useState as w, useEffect as b } from "react";
|
|
3
|
+
import { classNames as k } from "../shared/classNames.js";
|
|
4
|
+
/* empty css */
|
|
5
|
+
function z({
|
|
6
|
+
id: m,
|
|
7
|
+
className: u,
|
|
8
|
+
onClick: d,
|
|
9
|
+
isChecked: c = !0,
|
|
10
|
+
disabled: t = !1,
|
|
11
|
+
render: f = !0,
|
|
12
|
+
children: i
|
|
13
|
+
}) {
|
|
14
|
+
const [o, s] = w(c), n = Array.isArray(i) ? i : [i];
|
|
15
|
+
if (b(() => s(c), [c]), !f) return null;
|
|
16
|
+
const r = () => {
|
|
17
|
+
if (t) return;
|
|
18
|
+
const e = !o;
|
|
19
|
+
s(e), d?.(e);
|
|
20
|
+
}, h = (e) => {
|
|
21
|
+
(e.key === "Enter" || e.key === " ") && (e.preventDefault(), r());
|
|
22
|
+
};
|
|
23
|
+
return /* @__PURE__ */ a(
|
|
24
|
+
"div",
|
|
25
|
+
{
|
|
26
|
+
id: m ?? void 0,
|
|
27
|
+
className: k(
|
|
28
|
+
"inconel-customizable-switch",
|
|
29
|
+
o && "inconel-is-checked",
|
|
30
|
+
t && "inconel-is-disabled",
|
|
31
|
+
u
|
|
32
|
+
),
|
|
33
|
+
role: "switch",
|
|
34
|
+
"aria-checked": o,
|
|
35
|
+
"aria-disabled": t,
|
|
36
|
+
tabIndex: t ? -1 : 0,
|
|
37
|
+
onClick: r,
|
|
38
|
+
onKeyDown: h,
|
|
39
|
+
children: [
|
|
40
|
+
/* @__PURE__ */ l("div", { className: "inconel-customizable-switch__background", children: n[1] }),
|
|
41
|
+
/* @__PURE__ */ a("div", { className: "inconel-customizable-switch__marker", children: [
|
|
42
|
+
n[0],
|
|
43
|
+
/* @__PURE__ */ l("div", { className: "inconel-customizable-switch__button" })
|
|
44
|
+
] })
|
|
45
|
+
]
|
|
46
|
+
}
|
|
47
|
+
);
|
|
48
|
+
}
|
|
49
|
+
export {
|
|
50
|
+
z as CustomizableSwitch
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=CustomizableSwitch.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"CustomizableSwitch.js","sources":["../../../src/components/CustomizableSwitch/CustomizableSwitch.tsx"],"sourcesContent":["import {\n useEffect,\n useState,\n type KeyboardEvent,\n type ReactNode,\n} from 'react'\n\nimport { classNames } from '../shared/classNames'\nimport './styles.css'\n\nexport interface CustomizableSwitchProps {\n id?: string | null\n className?: string | null\n onClick?: (checked: boolean) => void\n isChecked?: boolean\n disabled?: boolean\n render?: boolean\n children?: ReactNode\n}\n\nexport function CustomizableSwitch({\n id,\n className,\n onClick,\n isChecked = true,\n disabled = false,\n render = true,\n children,\n}: CustomizableSwitchProps) {\n const [checked, setChecked] = useState(isChecked)\n const childList = Array.isArray(children) ? children : [children]\n\n useEffect(() => setChecked(isChecked), [isChecked])\n\n if (!render) return null\n\n const toggle = () => {\n if (disabled) return\n const next = !checked\n setChecked(next)\n onClick?.(next)\n }\n const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n if (event.key === 'Enter' || event.key === ' ') {\n event.preventDefault()\n toggle()\n }\n }\n\n return (\n <div\n id={id ?? undefined}\n className={classNames(\n 'inconel-customizable-switch',\n checked && 'inconel-is-checked',\n disabled && 'inconel-is-disabled',\n className,\n )}\n role=\"switch\"\n aria-checked={checked}\n aria-disabled={disabled}\n tabIndex={disabled ? -1 : 0}\n onClick={toggle}\n onKeyDown={handleKeyDown}\n >\n <div className=\"inconel-customizable-switch__background\">\n {childList[1]}\n </div>\n <div className=\"inconel-customizable-switch__marker\">\n {childList[0]}\n <div className=\"inconel-customizable-switch__button\" />\n </div>\n </div>\n )\n}\n"],"names":["CustomizableSwitch","id","className","onClick","isChecked","disabled","render","children","checked","setChecked","useState","childList","useEffect","toggle","next","handleKeyDown","event","jsxs","classNames","jsx"],"mappings":";;;;AAoBO,SAASA,EAAmB;AAAA,EACjC,IAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,UAAAC,IAAW;AAAA,EACX,QAAAC,IAAS;AAAA,EACT,UAAAC;AACF,GAA4B;AAC1B,QAAM,CAACC,GAASC,CAAU,IAAIC,EAASN,CAAS,GAC1CO,IAAY,MAAM,QAAQJ,CAAQ,IAAIA,IAAW,CAACA,CAAQ;AAIhE,MAFAK,EAAU,MAAMH,EAAWL,CAAS,GAAG,CAACA,CAAS,CAAC,GAE9C,CAACE,EAAQ,QAAO;AAEpB,QAAMO,IAAS,MAAM;AACnB,QAAIR,EAAU;AACd,UAAMS,IAAO,CAACN;AACd,IAAAC,EAAWK,CAAI,GACfX,IAAUW,CAAI;AAAA,EAChB,GACMC,IAAgB,CAACC,MAAyC;AAC9D,KAAIA,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACzCA,EAAM,eAAA,GACNH,EAAA;AAAA,EAEJ;AAEA,SACE,gBAAAI;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAIhB,KAAM;AAAA,MACV,WAAWiB;AAAA,QACT;AAAA,QACAV,KAAW;AAAA,QACXH,KAAY;AAAA,QACZH;AAAA,MAAA;AAAA,MAEF,MAAK;AAAA,MACL,gBAAcM;AAAA,MACd,iBAAeH;AAAA,MACf,UAAUA,IAAW,KAAK;AAAA,MAC1B,SAASQ;AAAA,MACT,WAAWE;AAAA,MAEX,UAAA;AAAA,QAAA,gBAAAI,EAAC,OAAA,EAAI,WAAU,2CACZ,UAAAR,EAAU,CAAC,GACd;AAAA,QACA,gBAAAM,EAAC,OAAA,EAAI,WAAU,uCACZ,UAAA;AAAA,UAAAN,EAAU,CAAC;AAAA,UACZ,gBAAAQ,EAAC,OAAA,EAAI,WAAU,sCAAA,CAAsC;AAAA,QAAA,EAAA,CACvD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
|