@salutejs/plasma-new-hope 0.338.0-canary.2283.18490128554.0 → 0.338.0-dev.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Autocomplete/Autocomplete.css +2 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +2 -0
- package/cjs/components/Combobox/ComboboxOld/Combobox.css +2 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +2 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +2 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +2 -0
- package/cjs/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +2 -0
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +2 -0
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -0
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +2 -0
- package/cjs/components/Dropdown/Dropdown.css +2 -0
- package/cjs/components/Dropdown/ui/DropdownOld/DropdownOld.css +4 -0
- package/cjs/components/InformationWrapper/InformationWrapper.css +2 -0
- package/cjs/components/InformationWrapper/ui/Label/Label.css +2 -0
- package/cjs/components/Pagination/Pagination.css +2 -0
- package/cjs/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -0
- package/cjs/components/Popover/Popover.css +4 -0
- package/cjs/components/Popover/Popover.js +10 -2
- package/cjs/components/Popover/Popover.js.map +1 -1
- package/cjs/components/ProgressBarCircular/ProgressBarCircular.css +5 -0
- package/cjs/components/ProgressBarCircular/ProgressBarCircular.js +80 -0
- package/cjs/components/ProgressBarCircular/ProgressBarCircular.js.map +1 -0
- package/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js +79 -0
- package/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js.map +1 -0
- package/cjs/components/ProgressBarCircular/ProgressBarCircular.styles_1cnlydo.css +5 -0
- package/cjs/components/ProgressBarCircular/ProgressBarCircular.tokens.js +30 -0
- package/cjs/components/ProgressBarCircular/ProgressBarCircular.tokens.js.map +1 -0
- package/cjs/components/ProgressBarCircular/variations/_size/base.js +9 -0
- package/cjs/components/ProgressBarCircular/variations/_size/base.js.map +1 -0
- package/cjs/components/ProgressBarCircular/variations/_size/base_x642ct.css +1 -0
- package/cjs/components/ProgressBarCircular/variations/_view/base.js +9 -0
- package/cjs/components/ProgressBarCircular/variations/_view/base.js.map +1 -0
- package/cjs/components/ProgressBarCircular/variations/_view/base_x642ct.css +1 -0
- package/cjs/components/Range/Range.css +2 -0
- package/cjs/components/Select/Select.css +2 -0
- package/cjs/components/Select/ui/Target/Target.css +2 -0
- package/cjs/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -0
- package/cjs/components/Slider/Slider.css +2 -0
- package/cjs/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +2 -0
- package/cjs/components/Table/Table.css +2 -0
- package/cjs/components/Table/Table.js +34 -27
- package/cjs/components/Table/Table.js.map +1 -1
- package/cjs/components/Table/ui/Cell/Cell.css +2 -0
- package/cjs/components/Table/ui/Cell/Cell.js +5 -3
- package/cjs/components/Table/ui/Cell/Cell.js.map +1 -1
- package/cjs/components/Table/ui/EditableCell/EditableCell.css +2 -0
- package/cjs/components/Table/ui/EditableCell/EditableCell.js +4 -3
- package/cjs/components/Table/ui/EditableCell/EditableCell.js.map +1 -1
- package/cjs/components/Table/ui/HeadCell/HeadCell.css +2 -0
- package/cjs/components/Table/ui/HeadCell/ui/Filter/Filter.css +2 -0
- package/cjs/components/TextArea/ui/Hint/Hint.css +2 -0
- package/cjs/components/TextField/ui/Hint/Hint.css +2 -0
- package/cjs/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +2 -0
- package/cjs/components/TimePicker/TimePicker.css +2 -0
- package/cjs/components/_Resizable/Resizable.css +3 -0
- package/cjs/components/_Resizable/Resizable.js +87 -0
- package/cjs/components/_Resizable/Resizable.js.map +1 -0
- package/cjs/components/_Resizable/Resizable.styles.js +19 -0
- package/cjs/components/_Resizable/Resizable.styles.js.map +1 -0
- package/cjs/components/_Resizable/Resizable.styles_1l85rp0.css +1 -0
- package/cjs/components/_Resizable/Resizable.tokens.js +16 -0
- package/cjs/components/_Resizable/Resizable.tokens.js.map +1 -0
- package/cjs/components/_Resizable/utils/getHandleStyles.js +40 -0
- package/cjs/components/_Resizable/utils/getHandleStyles.js.map +1 -0
- package/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js +38 -0
- package/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js.map +1 -0
- package/cjs/components/_Resizable/utils/getResizeDirections.js +73 -0
- package/cjs/components/_Resizable/utils/getResizeDirections.js.map +1 -0
- package/cjs/index.css +8 -0
- package/cjs/index.js +5 -0
- package/cjs/index.js.map +1 -1
- package/emotion/cjs/components/Popover/Popover.js +10 -2
- package/emotion/cjs/components/ProgressBarCircular/ProgressBarCircular.js +178 -0
- package/emotion/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js +67 -0
- package/emotion/cjs/components/ProgressBarCircular/ProgressBarCircular.tokens.js +40 -0
- package/emotion/cjs/components/ProgressBarCircular/ProgressBarCircular.types.js +4 -0
- package/emotion/cjs/components/ProgressBarCircular/index.js +23 -0
- package/emotion/cjs/components/ProgressBarCircular/variations/_size/base.js +12 -0
- package/emotion/cjs/components/ProgressBarCircular/variations/_view/base.js +12 -0
- package/emotion/cjs/components/Table/Table.js +16 -11
- package/emotion/cjs/components/Table/ui/Cell/Cell.js +31 -3
- package/emotion/cjs/components/Table/ui/EditableCell/EditableCell.js +31 -3
- package/emotion/cjs/components/_Icon/index.js +4 -0
- package/emotion/cjs/components/_Resizable/Resizable.js +120 -0
- package/emotion/cjs/components/_Resizable/Resizable.styles.js +22 -0
- package/emotion/cjs/components/_Resizable/Resizable.tokens.js +19 -0
- package/emotion/cjs/components/_Resizable/Resizable.types.js +4 -0
- package/emotion/cjs/components/_Resizable/index.js +19 -0
- package/emotion/cjs/components/_Resizable/utils/getHandleStyles.js +68 -0
- package/emotion/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js +54 -0
- package/emotion/cjs/components/_Resizable/utils/getResizeDirections.js +82 -0
- package/emotion/cjs/components/_Resizable/utils/index.js +27 -0
- package/emotion/cjs/examples/components/ProgressBarCircular/ProgressBarCircular.config.js +38 -0
- package/emotion/cjs/examples/components/ProgressBarCircular/ProgressBarCircular.js +15 -0
- package/emotion/cjs/index.js +1 -0
- package/emotion/es/components/Popover/Popover.js +10 -2
- package/emotion/es/components/ProgressBarCircular/ProgressBarCircular.js +119 -0
- package/emotion/es/components/ProgressBarCircular/ProgressBarCircular.styles.js +35 -0
- package/emotion/es/components/ProgressBarCircular/ProgressBarCircular.tokens.js +22 -0
- package/emotion/es/components/ProgressBarCircular/ProgressBarCircular.types.js +1 -0
- package/emotion/es/components/ProgressBarCircular/index.js +2 -0
- package/emotion/es/components/ProgressBarCircular/variations/_size/base.js +2 -0
- package/emotion/es/components/ProgressBarCircular/variations/_view/base.js +2 -0
- package/emotion/es/components/Table/Table.js +16 -11
- package/emotion/es/components/Table/ui/Cell/Cell.js +31 -3
- package/emotion/es/components/Table/ui/EditableCell/EditableCell.js +31 -3
- package/emotion/es/components/_Icon/index.js +1 -0
- package/emotion/es/components/_Resizable/Resizable.js +69 -0
- package/emotion/es/components/_Resizable/Resizable.styles.js +7 -0
- package/emotion/es/components/_Resizable/Resizable.tokens.js +9 -0
- package/emotion/es/components/_Resizable/Resizable.types.js +1 -0
- package/emotion/es/components/_Resizable/index.js +2 -0
- package/emotion/es/components/_Resizable/utils/getHandleStyles.js +58 -0
- package/emotion/es/components/_Resizable/utils/getRatioBasedOnPlacement.js +44 -0
- package/emotion/es/components/_Resizable/utils/getResizeDirections.js +72 -0
- package/emotion/es/components/_Resizable/utils/index.js +4 -0
- package/emotion/es/examples/components/Combobox/Combobox.js +0 -7
- package/emotion/es/examples/components/ProgressBarCircular/ProgressBarCircular.config.js +28 -0
- package/emotion/es/examples/components/ProgressBarCircular/ProgressBarCircular.js +5 -0
- package/emotion/es/index.js +1 -0
- package/es/components/Autocomplete/Autocomplete.css +2 -0
- package/es/components/Combobox/ComboboxNew/Combobox.css +2 -0
- package/es/components/Combobox/ComboboxOld/Combobox.css +2 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxDivider/ComboboxDivider.css +2 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxFooter/ComboboxFooter.css +2 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxGroup/ComboboxGroup.css +2 -0
- package/es/components/Combobox/ComboboxOld/ui/ComboboxHeader/ComboboxHeader.css +2 -0
- package/es/components/DatePicker/RangeDate/RangeDate.css +2 -0
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +2 -0
- package/es/components/DatePicker/SingleDate/SingleDate.css +2 -0
- package/es/components/Dropdown/Dropdown.css +2 -0
- package/es/components/Dropdown/ui/DropdownOld/DropdownOld.css +4 -0
- package/es/components/InformationWrapper/InformationWrapper.css +2 -0
- package/es/components/InformationWrapper/ui/Label/Label.css +2 -0
- package/es/components/Pagination/Pagination.css +2 -0
- package/es/components/Pagination/ui/PaginationSelectPerPage/PaginationSelectPerPage.css +2 -0
- package/es/components/Popover/Popover.css +4 -0
- package/es/components/Popover/Popover.js +10 -2
- package/es/components/Popover/Popover.js.map +1 -1
- package/es/components/ProgressBarCircular/ProgressBarCircular.css +5 -0
- package/es/components/ProgressBarCircular/ProgressBarCircular.js +71 -0
- package/es/components/ProgressBarCircular/ProgressBarCircular.js.map +1 -0
- package/es/components/ProgressBarCircular/ProgressBarCircular.styles.js +71 -0
- package/es/components/ProgressBarCircular/ProgressBarCircular.styles.js.map +1 -0
- package/es/components/ProgressBarCircular/ProgressBarCircular.styles_1cnlydo.css +5 -0
- package/es/components/ProgressBarCircular/ProgressBarCircular.tokens.js +25 -0
- package/es/components/ProgressBarCircular/ProgressBarCircular.tokens.js.map +1 -0
- package/es/components/ProgressBarCircular/variations/_size/base.js +5 -0
- package/es/components/ProgressBarCircular/variations/_size/base.js.map +1 -0
- package/es/components/ProgressBarCircular/variations/_size/base_x642ct.css +1 -0
- package/es/components/ProgressBarCircular/variations/_view/base.js +5 -0
- package/es/components/ProgressBarCircular/variations/_view/base.js.map +1 -0
- package/es/components/ProgressBarCircular/variations/_view/base_x642ct.css +1 -0
- package/es/components/Range/Range.css +2 -0
- package/es/components/Select/Select.css +2 -0
- package/es/components/Select/ui/Target/Target.css +2 -0
- package/es/components/Select/ui/Target/ui/Textfield/Textfield.css +2 -0
- package/es/components/Slider/Slider.css +2 -0
- package/es/components/Slider/components/DoubleUncontrolled/DoubleUncontrolled.css +2 -0
- package/es/components/Table/Table.css +2 -0
- package/es/components/Table/Table.js +34 -27
- package/es/components/Table/Table.js.map +1 -1
- package/es/components/Table/ui/Cell/Cell.css +2 -0
- package/es/components/Table/ui/Cell/Cell.js +5 -3
- package/es/components/Table/ui/Cell/Cell.js.map +1 -1
- package/es/components/Table/ui/EditableCell/EditableCell.css +2 -0
- package/es/components/Table/ui/EditableCell/EditableCell.js +5 -4
- package/es/components/Table/ui/EditableCell/EditableCell.js.map +1 -1
- package/es/components/Table/ui/HeadCell/HeadCell.css +2 -0
- package/es/components/Table/ui/HeadCell/ui/Filter/Filter.css +2 -0
- package/es/components/TextArea/ui/Hint/Hint.css +2 -0
- package/es/components/TextField/ui/Hint/Hint.css +2 -0
- package/es/components/TextField/ui/TextFieldChipNew/TextFieldChipNew.css +2 -0
- package/es/components/TimePicker/TimePicker.css +2 -0
- package/es/components/_Resizable/Resizable.css +3 -0
- package/es/components/_Resizable/Resizable.js +79 -0
- package/es/components/_Resizable/Resizable.js.map +1 -0
- package/es/components/_Resizable/Resizable.styles.js +15 -0
- package/es/components/_Resizable/Resizable.styles.js.map +1 -0
- package/es/components/_Resizable/Resizable.styles_1l85rp0.css +1 -0
- package/es/components/_Resizable/Resizable.tokens.js +12 -0
- package/es/components/_Resizable/Resizable.tokens.js.map +1 -0
- package/es/components/_Resizable/utils/getHandleStyles.js +36 -0
- package/es/components/_Resizable/utils/getHandleStyles.js.map +1 -0
- package/es/components/_Resizable/utils/getRatioBasedOnPlacement.js +34 -0
- package/es/components/_Resizable/utils/getRatioBasedOnPlacement.js.map +1 -0
- package/es/components/_Resizable/utils/getResizeDirections.js +69 -0
- package/es/components/_Resizable/utils/getResizeDirections.js.map +1 -0
- package/es/index.css +8 -0
- package/es/index.js +2 -0
- package/es/index.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/components/Popover/Popover.js +10 -2
- package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.js +178 -0
- package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.styles.js +128 -0
- package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.tokens.js +40 -0
- package/styled-components/cjs/components/ProgressBarCircular/ProgressBarCircular.types.js +4 -0
- package/styled-components/cjs/components/ProgressBarCircular/index.js +23 -0
- package/styled-components/cjs/components/ProgressBarCircular/variations/_size/base.js +14 -0
- package/styled-components/cjs/components/ProgressBarCircular/variations/_view/base.js +14 -0
- package/styled-components/cjs/components/Table/Table.js +16 -11
- package/styled-components/cjs/components/Table/ui/Cell/Cell.js +31 -3
- package/styled-components/cjs/components/Table/ui/EditableCell/EditableCell.js +31 -3
- package/styled-components/cjs/components/_Icon/index.js +4 -0
- package/styled-components/cjs/components/_Resizable/Resizable.js +120 -0
- package/styled-components/cjs/components/_Resizable/Resizable.styles.js +28 -0
- package/styled-components/cjs/components/_Resizable/Resizable.tokens.js +19 -0
- package/styled-components/cjs/components/_Resizable/Resizable.types.js +4 -0
- package/styled-components/cjs/components/_Resizable/index.js +19 -0
- package/styled-components/cjs/components/_Resizable/utils/getHandleStyles.js +68 -0
- package/styled-components/cjs/components/_Resizable/utils/getRatioBasedOnPlacement.js +54 -0
- package/styled-components/cjs/components/_Resizable/utils/getResizeDirections.js +82 -0
- package/styled-components/cjs/components/_Resizable/utils/index.js +27 -0
- package/styled-components/cjs/examples/components/Combobox/Combobox.js +15 -0
- package/styled-components/cjs/examples/components/ProgressBarCircular/ProgressBarCircular.config.js +164 -0
- package/styled-components/cjs/examples/components/ProgressBarCircular/ProgressBarCircular.js +15 -0
- package/styled-components/cjs/index.js +1 -0
- package/styled-components/es/components/Popover/Popover.js +10 -2
- package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.js +119 -0
- package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.styles.js +61 -0
- package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.tokens.js +22 -0
- package/styled-components/es/components/ProgressBarCircular/ProgressBarCircular.types.js +1 -0
- package/styled-components/es/components/ProgressBarCircular/index.js +2 -0
- package/styled-components/es/components/ProgressBarCircular/variations/_size/base.js +4 -0
- package/styled-components/es/components/ProgressBarCircular/variations/_view/base.js +4 -0
- package/styled-components/es/components/Table/Table.js +16 -11
- package/styled-components/es/components/Table/ui/Cell/Cell.js +31 -3
- package/styled-components/es/components/Table/ui/EditableCell/EditableCell.js +31 -3
- package/styled-components/es/components/_Icon/index.js +1 -0
- package/styled-components/es/components/_Resizable/Resizable.js +69 -0
- package/styled-components/es/components/_Resizable/Resizable.styles.js +13 -0
- package/styled-components/es/components/_Resizable/Resizable.tokens.js +9 -0
- package/styled-components/es/components/_Resizable/Resizable.types.js +1 -0
- package/styled-components/es/components/_Resizable/index.js +2 -0
- package/styled-components/es/components/_Resizable/utils/getHandleStyles.js +58 -0
- package/styled-components/es/components/_Resizable/utils/getRatioBasedOnPlacement.js +44 -0
- package/styled-components/es/components/_Resizable/utils/getResizeDirections.js +72 -0
- package/styled-components/es/components/_Resizable/utils/index.js +4 -0
- package/styled-components/es/examples/components/ProgressBarCircular/ProgressBarCircular.config.js +154 -0
- package/styled-components/es/examples/components/ProgressBarCircular/ProgressBarCircular.js +5 -0
- package/styled-components/es/index.js +1 -0
- package/types/components/Popover/Popover.d.ts.map +1 -1
- package/types/components/Popover/Popover.types.d.ts +13 -0
- package/types/components/Popover/Popover.types.d.ts.map +1 -1
- package/types/components/ProgressBarCircular/ProgressBarCircular.d.ts +23 -0
- package/types/components/ProgressBarCircular/ProgressBarCircular.d.ts.map +1 -0
- package/types/components/ProgressBarCircular/ProgressBarCircular.styles.d.ts +11 -0
- package/types/components/ProgressBarCircular/ProgressBarCircular.styles.d.ts.map +1 -0
- package/types/components/ProgressBarCircular/ProgressBarCircular.tokens.d.ts +23 -0
- package/types/components/ProgressBarCircular/ProgressBarCircular.tokens.d.ts.map +1 -0
- package/types/components/ProgressBarCircular/ProgressBarCircular.types.d.ts +35 -0
- package/types/components/ProgressBarCircular/ProgressBarCircular.types.d.ts.map +1 -0
- package/types/components/ProgressBarCircular/index.d.ts +4 -0
- package/types/components/ProgressBarCircular/index.d.ts.map +1 -0
- package/types/components/ProgressBarCircular/variations/_size/base.d.ts +2 -0
- package/types/components/ProgressBarCircular/variations/_size/base.d.ts.map +1 -0
- package/types/components/ProgressBarCircular/variations/_view/base.d.ts +2 -0
- package/types/components/ProgressBarCircular/variations/_view/base.d.ts.map +1 -0
- package/types/components/Table/Table.d.ts.map +1 -1
- package/types/components/Table/Table.types.d.ts +88 -3
- package/types/components/Table/Table.types.d.ts.map +1 -1
- package/types/components/Table/ui/Cell/Cell.d.ts +2 -0
- package/types/components/Table/ui/Cell/Cell.d.ts.map +1 -1
- package/types/components/Table/ui/EditableCell/EditableCell.d.ts +2 -0
- package/types/components/Table/ui/EditableCell/EditableCell.d.ts.map +1 -1
- package/types/components/_Icon/index.d.ts +1 -0
- package/types/components/_Icon/index.d.ts.map +1 -1
- package/types/components/_Resizable/Resizable.d.ts +4 -0
- package/types/components/_Resizable/Resizable.d.ts.map +1 -0
- package/types/components/_Resizable/Resizable.styles.d.ts +2 -0
- package/types/components/_Resizable/Resizable.styles.d.ts.map +1 -0
- package/types/components/_Resizable/Resizable.tokens.d.ts +10 -0
- package/types/components/_Resizable/Resizable.tokens.d.ts.map +1 -0
- package/types/components/_Resizable/Resizable.types.d.ts +72 -0
- package/types/components/_Resizable/Resizable.types.d.ts.map +1 -0
- package/types/components/_Resizable/index.d.ts +3 -0
- package/types/components/_Resizable/index.d.ts.map +1 -0
- package/types/components/_Resizable/utils/getHandleStyles.d.ts +37 -0
- package/types/components/_Resizable/utils/getHandleStyles.d.ts.map +1 -0
- package/types/components/_Resizable/utils/getRatioBasedOnPlacement.d.ts +5 -0
- package/types/components/_Resizable/utils/getRatioBasedOnPlacement.d.ts.map +1 -0
- package/types/components/_Resizable/utils/getResizeDirections.d.ts +14 -0
- package/types/components/_Resizable/utils/getResizeDirections.d.ts.map +1 -0
- package/types/components/_Resizable/utils/index.d.ts +5 -0
- package/types/components/_Resizable/utils/index.d.ts.map +1 -0
- package/types/examples/components/ProgressBarCircular/ProgressBarCircular.config.d.ts +27 -0
- package/types/examples/components/ProgressBarCircular/ProgressBarCircular.config.d.ts.map +1 -0
- package/types/examples/components/ProgressBarCircular/ProgressBarCircular.d.ts +21 -0
- package/types/examples/components/ProgressBarCircular/ProgressBarCircular.d.ts.map +1 -0
- package/types/index.d.ts +1 -0
- package/types/index.d.ts.map +1 -1
- package/types/types/index.d.ts +1 -0
- package/types/types/index.d.ts.map +1 -1
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
function _define_property(obj, key, value) {
|
|
2
|
+
if (key in obj) {
|
|
3
|
+
Object.defineProperty(obj, key, {
|
|
4
|
+
value: value,
|
|
5
|
+
enumerable: true,
|
|
6
|
+
configurable: true,
|
|
7
|
+
writable: true
|
|
8
|
+
});
|
|
9
|
+
} else {
|
|
10
|
+
obj[key] = value;
|
|
11
|
+
}
|
|
12
|
+
return obj;
|
|
13
|
+
}
|
|
14
|
+
function _object_spread(target) {
|
|
15
|
+
for(var i = 1; i < arguments.length; i++){
|
|
16
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
17
|
+
var ownKeys = Object.keys(source);
|
|
18
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
19
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
20
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
21
|
+
}));
|
|
22
|
+
}
|
|
23
|
+
ownKeys.forEach(function(key) {
|
|
24
|
+
_define_property(target, key, source[key]);
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
return target;
|
|
28
|
+
}
|
|
29
|
+
function _object_without_properties(source, excluded) {
|
|
30
|
+
if (source == null) return {};
|
|
31
|
+
var target = _object_without_properties_loose(source, excluded);
|
|
32
|
+
var key, i;
|
|
33
|
+
if (Object.getOwnPropertySymbols) {
|
|
34
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
35
|
+
for(i = 0; i < sourceSymbolKeys.length; i++){
|
|
36
|
+
key = sourceSymbolKeys[i];
|
|
37
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
38
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
39
|
+
target[key] = source[key];
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
return target;
|
|
43
|
+
}
|
|
44
|
+
function _object_without_properties_loose(source, excluded) {
|
|
45
|
+
if (source == null) return {};
|
|
46
|
+
var target = {};
|
|
47
|
+
var sourceKeys = Object.keys(source);
|
|
48
|
+
var key, i;
|
|
49
|
+
for(i = 0; i < sourceKeys.length; i++){
|
|
50
|
+
key = sourceKeys[i];
|
|
51
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
52
|
+
target[key] = source[key];
|
|
53
|
+
}
|
|
54
|
+
return target;
|
|
55
|
+
}
|
|
56
|
+
import React, { forwardRef } from "react";
|
|
57
|
+
import { base as viewCSS } from "./variations/_view/base";
|
|
58
|
+
import { base as sizeCSS } from "./variations/_size/base";
|
|
59
|
+
import { base, StyledSVG, StyledBackgroundCircle, StyledProgressCircle, StyledContent } from "./ProgressBarCircular.styles";
|
|
60
|
+
import { classes } from "./ProgressBarCircular.tokens";
|
|
61
|
+
export var progressBarCircularRoot = function(Root) {
|
|
62
|
+
return /*#__PURE__*/ forwardRef(function(props, ref) {
|
|
63
|
+
var _props_value = props.value, value = _props_value === void 0 ? 0 : _props_value, _props_maxValue = props.maxValue, maxValue = _props_maxValue === void 0 ? 100 : _props_maxValue, size = props.size, view = props.view, children = props.children, className = props.className, strokeWidth = props.strokeWidth, rest = _object_without_properties(props, [
|
|
64
|
+
"value",
|
|
65
|
+
"maxValue",
|
|
66
|
+
"size",
|
|
67
|
+
"view",
|
|
68
|
+
"children",
|
|
69
|
+
"className",
|
|
70
|
+
"strokeWidth"
|
|
71
|
+
]);
|
|
72
|
+
var clampedValue = Math.min(Math.max(value, 0), maxValue);
|
|
73
|
+
var percentage = clampedValue / maxValue * 100;
|
|
74
|
+
var center = 50;
|
|
75
|
+
return /*#__PURE__*/ React.createElement(Root, _object_spread({
|
|
76
|
+
ref: ref,
|
|
77
|
+
view: view,
|
|
78
|
+
size: size,
|
|
79
|
+
className: className
|
|
80
|
+
}, rest), /*#__PURE__*/ React.createElement(StyledSVG, {
|
|
81
|
+
width: "100%",
|
|
82
|
+
height: "100%",
|
|
83
|
+
viewBox: "0 0 100 100",
|
|
84
|
+
className: classes.svg
|
|
85
|
+
}, /*#__PURE__*/ React.createElement(StyledBackgroundCircle, {
|
|
86
|
+
customStrokeWidth: strokeWidth,
|
|
87
|
+
cx: center,
|
|
88
|
+
cy: center,
|
|
89
|
+
className: classes.backgroundCircle
|
|
90
|
+
}), /*#__PURE__*/ React.createElement(StyledProgressCircle, {
|
|
91
|
+
cx: center,
|
|
92
|
+
cy: center,
|
|
93
|
+
customStrokeWidth: strokeWidth,
|
|
94
|
+
className: classes.progressCircle,
|
|
95
|
+
percent: percentage,
|
|
96
|
+
transform: "rotate(-90 50 50)"
|
|
97
|
+
})), children && /*#__PURE__*/ React.createElement(StyledContent, {
|
|
98
|
+
className: classes.content
|
|
99
|
+
}, children));
|
|
100
|
+
});
|
|
101
|
+
};
|
|
102
|
+
export var progressBarCircularConfig = {
|
|
103
|
+
name: 'ProgressBarCircular',
|
|
104
|
+
tag: 'div',
|
|
105
|
+
layout: progressBarCircularRoot,
|
|
106
|
+
base: base,
|
|
107
|
+
variations: {
|
|
108
|
+
view: {
|
|
109
|
+
css: viewCSS
|
|
110
|
+
},
|
|
111
|
+
size: {
|
|
112
|
+
css: sizeCSS
|
|
113
|
+
}
|
|
114
|
+
},
|
|
115
|
+
defaults: {
|
|
116
|
+
view: 'primary',
|
|
117
|
+
size: 'm'
|
|
118
|
+
}
|
|
119
|
+
};
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import { css } from "@emotion/react";
|
|
2
|
+
import styled from "@emotion/styled";
|
|
3
|
+
import { tokens } from "./ProgressBarCircular.tokens";
|
|
4
|
+
export var base = /*#__PURE__*/ css("position:relative;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:var(", tokens.height, ");height:var(", tokens.height, ");", "base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL1Byb2dyZXNzQmFyQ2lyY3VsYXIuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Byb2dyZXNzQmFyQ2lyY3VsYXIvUHJvZ3Jlc3NCYXJDaXJjdWxhci5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1Byb2dyZXNzQmFyQ2lyY3VsYXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU1ZHID0gc3R5bGVkLnN2Z2BcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja2dyb3VuZENpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlciB9PmBcbiAgICBmaWxsOiBub25lO1xuICAgIHI6ICR7KHsgY3VzdG9tU3Ryb2tlV2lkdGggPSBgdmFyKCR7dG9rZW5zLnN0cm9rZVNpemV9KWAgfSkgPT5cbiAgICAgICAgYGNhbGMoNTBweCAtIGNhbGMoY2FsYyg1MHB4IC8gdmFyKCR7dG9rZW5zLnNpemV9KSkgKiAke2N1c3RvbVN0cm9rZVdpZHRofSkpYH07XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZX0pO1xuICAgIHN0cm9rZS13aWR0aDogJHsoeyBjdXN0b21TdHJva2VXaWR0aCA9IGB2YXIoJHt0b2tlbnMuc3Ryb2tlU2l6ZX0pYCB9KSA9PlxuICAgICAgICBgY2FsYyhjYWxjKDUwcHggLyB2YXIoJHt0b2tlbnMuc2l6ZX0pKSAqIGNhbGMoJHtjdXN0b21TdHJva2VXaWR0aH0pICogMilgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0NpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlcjsgcGVyY2VudD86IG51bWJlciB9PmBcbiAgICAtLXBlcmNlbnRhZ2U6ICR7KHsgcGVyY2VudCB9KSA9PiBwZXJjZW50ID8/IDB9O1xuICAgIC0tcmFkaXVzOiAkeyh7IGN1c3RvbVN0cm9rZVdpZHRoID0gYHZhcigke3Rva2Vucy5zdHJva2VTaXplfSlgIH0pID0+XG4gICAgICAgIGBjYWxjKDUwcHggLSBjYWxjKGNhbGMoNTBweCAvIHZhcigke3Rva2Vucy5zaXplfSkpICogJHtjdXN0b21TdHJva2VXaWR0aH0pKWB9O1xuICAgIC0tY2lyY3VtZmVyZW5jZTogY2FsYyhjYWxjKDIgKiAzLjE0MTU5MjY1MzUpICogdmFyKC0tcmFkaXVzKSk7XG4gICAgLS1kYXNob2Zmc2V0OiBjYWxjKHZhcigtLWNpcmN1bWZlcmVuY2UpIC0gKHZhcigtLXBlcmNlbnRhZ2UsIDApICogdmFyKC0tY2lyY3VtZmVyZW5jZSkgLyAxMDApKTtcblxuICAgIGZpbGw6IG5vbmU7XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMucHJvZ3Jlc3NTdHJva2V9KTtcbiAgICBzdHJva2Utd2lkdGg6ICR7KHsgY3VzdG9tU3Ryb2tlV2lkdGggPSBgdmFyKCR7dG9rZW5zLnN0cm9rZVNpemV9KWAgfSkgPT5cbiAgICAgICAgYGNhbGMoY2FsYyg1MHB4IC8gdmFyKCR7dG9rZW5zLnNpemV9KSkgKiBjYWxjKCR7Y3VzdG9tU3Ryb2tlV2lkdGh9KSAqIDIpYH07XG4gICAgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kO1xuICAgIHI6IHZhcigtLXJhZGl1cyk7XG4gICAgc3Ryb2tlLWRhc2hhcnJheTogdmFyKC0tY2lyY3VtZmVyZW5jZSk7XG4gICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IHZhcigtLWRhc2hvZmZzZXQpO1xuICAgIHRyYW5zaXRpb246IHN0cm9rZS1kYXNob2Zmc2V0IDAuM3MgZWFzZS1pbi1vdXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNTAlO1xuICAgIGxlZnQ6IDUwJTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcblxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29udGVudENvbG9yfSk7XG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuY29udGVudExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmNvbnRlbnRMaW5lSGVpZ2h0fSk7XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUtvQiJ9 */");
|
|
5
|
+
export var StyledSVG = /*#__PURE__*/ styled("svg", {
|
|
6
|
+
target: "eoei81i0",
|
|
7
|
+
label: "StyledSVG"
|
|
8
|
+
})("width:100%;height:100%;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL1Byb2dyZXNzQmFyQ2lyY3VsYXIuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Byb2dyZXNzQmFyQ2lyY3VsYXIvUHJvZ3Jlc3NCYXJDaXJjdWxhci5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1Byb2dyZXNzQmFyQ2lyY3VsYXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU1ZHID0gc3R5bGVkLnN2Z2BcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja2dyb3VuZENpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlciB9PmBcbiAgICBmaWxsOiBub25lO1xuICAgIHI6ICR7KHsgY3VzdG9tU3Ryb2tlV2lkdGggPSBgdmFyKCR7dG9rZW5zLnN0cm9rZVNpemV9KWAgfSkgPT5cbiAgICAgICAgYGNhbGMoNTBweCAtIGNhbGMoY2FsYyg1MHB4IC8gdmFyKCR7dG9rZW5zLnNpemV9KSkgKiAke2N1c3RvbVN0cm9rZVdpZHRofSkpYH07XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZX0pO1xuICAgIHN0cm9rZS13aWR0aDogJHsoeyBjdXN0b21TdHJva2VXaWR0aCA9IGB2YXIoJHt0b2tlbnMuc3Ryb2tlU2l6ZX0pYCB9KSA9PlxuICAgICAgICBgY2FsYyhjYWxjKDUwcHggLyB2YXIoJHt0b2tlbnMuc2l6ZX0pKSAqIGNhbGMoJHtjdXN0b21TdHJva2VXaWR0aH0pICogMilgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0NpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlcjsgcGVyY2VudD86IG51bWJlciB9PmBcbiAgICAtLXBlcmNlbnRhZ2U6ICR7KHsgcGVyY2VudCB9KSA9PiBwZXJjZW50ID8/IDB9O1xuICAgIC0tcmFkaXVzOiAkeyh7IGN1c3RvbVN0cm9rZVdpZHRoID0gYHZhcigke3Rva2Vucy5zdHJva2VTaXplfSlgIH0pID0+XG4gICAgICAgIGBjYWxjKDUwcHggLSBjYWxjKGNhbGMoNTBweCAvIHZhcigke3Rva2Vucy5zaXplfSkpICogJHtjdXN0b21TdHJva2VXaWR0aH0pKWB9O1xuICAgIC0tY2lyY3VtZmVyZW5jZTogY2FsYyhjYWxjKDIgKiAzLjE0MTU5MjY1MzUpICogdmFyKC0tcmFkaXVzKSk7XG4gICAgLS1kYXNob2Zmc2V0OiBjYWxjKHZhcigtLWNpcmN1bWZlcmVuY2UpIC0gKHZhcigtLXBlcmNlbnRhZ2UsIDApICogdmFyKC0tY2lyY3VtZmVyZW5jZSkgLyAxMDApKTtcblxuICAgIGZpbGw6IG5vbmU7XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMucHJvZ3Jlc3NTdHJva2V9KTtcbiAgICBzdHJva2Utd2lkdGg6ICR7KHsgY3VzdG9tU3Ryb2tlV2lkdGggPSBgdmFyKCR7dG9rZW5zLnN0cm9rZVNpemV9KWAgfSkgPT5cbiAgICAgICAgYGNhbGMoY2FsYyg1MHB4IC8gdmFyKCR7dG9rZW5zLnNpemV9KSkgKiBjYWxjKCR7Y3VzdG9tU3Ryb2tlV2lkdGh9KSAqIDIpYH07XG4gICAgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kO1xuICAgIHI6IHZhcigtLXJhZGl1cyk7XG4gICAgc3Ryb2tlLWRhc2hhcnJheTogdmFyKC0tY2lyY3VtZmVyZW5jZSk7XG4gICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IHZhcigtLWRhc2hvZmZzZXQpO1xuICAgIHRyYW5zaXRpb246IHN0cm9rZS1kYXNob2Zmc2V0IDAuM3MgZWFzZS1pbi1vdXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNTAlO1xuICAgIGxlZnQ6IDUwJTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcblxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29udGVudENvbG9yfSk7XG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuY29udGVudExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmNvbnRlbnRMaW5lSGVpZ2h0fSk7XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdCeUIifQ== */");
|
|
9
|
+
export var StyledBackgroundCircle = /*#__PURE__*/ styled("circle", {
|
|
10
|
+
target: "eoei81i1",
|
|
11
|
+
label: "StyledBackgroundCircle"
|
|
12
|
+
})("fill:none;r:", function(param) {
|
|
13
|
+
var _param_customStrokeWidth = param.customStrokeWidth, customStrokeWidth = _param_customStrokeWidth === void 0 ? "var(".concat(tokens.strokeSize, ")") : _param_customStrokeWidth;
|
|
14
|
+
return "calc(50px - calc(calc(50px / var(".concat(tokens.size, ")) * ").concat(customStrokeWidth, "))");
|
|
15
|
+
}, ";stroke:var(", tokens.backgroundStroke, ");stroke-width:", function(param) {
|
|
16
|
+
var _param_customStrokeWidth = param.customStrokeWidth, customStrokeWidth = _param_customStrokeWidth === void 0 ? "var(".concat(tokens.strokeSize, ")") : _param_customStrokeWidth;
|
|
17
|
+
return "calc(calc(50px / var(".concat(tokens.size, ")) * calc(").concat(customStrokeWidth, ") * 2)");
|
|
18
|
+
}, ";", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL1Byb2dyZXNzQmFyQ2lyY3VsYXIuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Byb2dyZXNzQmFyQ2lyY3VsYXIvUHJvZ3Jlc3NCYXJDaXJjdWxhci5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1Byb2dyZXNzQmFyQ2lyY3VsYXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU1ZHID0gc3R5bGVkLnN2Z2BcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja2dyb3VuZENpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlciB9PmBcbiAgICBmaWxsOiBub25lO1xuICAgIHI6ICR7KHsgY3VzdG9tU3Ryb2tlV2lkdGggPSBgdmFyKCR7dG9rZW5zLnN0cm9rZVNpemV9KWAgfSkgPT5cbiAgICAgICAgYGNhbGMoNTBweCAtIGNhbGMoY2FsYyg1MHB4IC8gdmFyKCR7dG9rZW5zLnNpemV9KSkgKiAke2N1c3RvbVN0cm9rZVdpZHRofSkpYH07XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZX0pO1xuICAgIHN0cm9rZS13aWR0aDogJHsoeyBjdXN0b21TdHJva2VXaWR0aCA9IGB2YXIoJHt0b2tlbnMuc3Ryb2tlU2l6ZX0pYCB9KSA9PlxuICAgICAgICBgY2FsYyhjYWxjKDUwcHggLyB2YXIoJHt0b2tlbnMuc2l6ZX0pKSAqIGNhbGMoJHtjdXN0b21TdHJva2VXaWR0aH0pICogMilgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0NpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlcjsgcGVyY2VudD86IG51bWJlciB9PmBcbiAgICAtLXBlcmNlbnRhZ2U6ICR7KHsgcGVyY2VudCB9KSA9PiBwZXJjZW50ID8/IDB9O1xuICAgIC0tcmFkaXVzOiAkeyh7IGN1c3RvbVN0cm9rZVdpZHRoID0gYHZhcigke3Rva2Vucy5zdHJva2VTaXplfSlgIH0pID0+XG4gICAgICAgIGBjYWxjKDUwcHggLSBjYWxjKGNhbGMoNTBweCAvIHZhcigke3Rva2Vucy5zaXplfSkpICogJHtjdXN0b21TdHJva2VXaWR0aH0pKWB9O1xuICAgIC0tY2lyY3VtZmVyZW5jZTogY2FsYyhjYWxjKDIgKiAzLjE0MTU5MjY1MzUpICogdmFyKC0tcmFkaXVzKSk7XG4gICAgLS1kYXNob2Zmc2V0OiBjYWxjKHZhcigtLWNpcmN1bWZlcmVuY2UpIC0gKHZhcigtLXBlcmNlbnRhZ2UsIDApICogdmFyKC0tY2lyY3VtZmVyZW5jZSkgLyAxMDApKTtcblxuICAgIGZpbGw6IG5vbmU7XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMucHJvZ3Jlc3NTdHJva2V9KTtcbiAgICBzdHJva2Utd2lkdGg6ICR7KHsgY3VzdG9tU3Ryb2tlV2lkdGggPSBgdmFyKCR7dG9rZW5zLnN0cm9rZVNpemV9KWAgfSkgPT5cbiAgICAgICAgYGNhbGMoY2FsYyg1MHB4IC8gdmFyKCR7dG9rZW5zLnNpemV9KSkgKiBjYWxjKCR7Y3VzdG9tU3Ryb2tlV2lkdGh9KSAqIDIpYH07XG4gICAgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kO1xuICAgIHI6IHZhcigtLXJhZGl1cyk7XG4gICAgc3Ryb2tlLWRhc2hhcnJheTogdmFyKC0tY2lyY3VtZmVyZW5jZSk7XG4gICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IHZhcigtLWRhc2hvZmZzZXQpO1xuICAgIHRyYW5zaXRpb246IHN0cm9rZS1kYXNob2Zmc2V0IDAuM3MgZWFzZS1pbi1vdXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNTAlO1xuICAgIGxlZnQ6IDUwJTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcblxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29udGVudENvbG9yfSk7XG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuY29udGVudExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmNvbnRlbnRMaW5lSGVpZ2h0fSk7XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFCc0MifQ== */");
|
|
19
|
+
export var StyledProgressCircle = /*#__PURE__*/ styled("circle", {
|
|
20
|
+
target: "eoei81i2",
|
|
21
|
+
label: "StyledProgressCircle"
|
|
22
|
+
})("--percentage:", function(param) {
|
|
23
|
+
var percent = param.percent;
|
|
24
|
+
return percent !== null && percent !== void 0 ? percent : 0;
|
|
25
|
+
}, ";--radius:", function(param) {
|
|
26
|
+
var _param_customStrokeWidth = param.customStrokeWidth, customStrokeWidth = _param_customStrokeWidth === void 0 ? "var(".concat(tokens.strokeSize, ")") : _param_customStrokeWidth;
|
|
27
|
+
return "calc(50px - calc(calc(50px / var(".concat(tokens.size, ")) * ").concat(customStrokeWidth, "))");
|
|
28
|
+
}, ";--circumference:calc(calc(2 * 3.1415926535) * var(--radius));--dashoffset:calc(var(--circumference) - (var(--percentage,0) * var(--circumference) / 100));fill:none;stroke:var(", tokens.progressStroke, ");stroke-width:", function(param) {
|
|
29
|
+
var _param_customStrokeWidth = param.customStrokeWidth, customStrokeWidth = _param_customStrokeWidth === void 0 ? "var(".concat(tokens.strokeSize, ")") : _param_customStrokeWidth;
|
|
30
|
+
return "calc(calc(50px / var(".concat(tokens.size, ")) * calc(").concat(customStrokeWidth, ") * 2)");
|
|
31
|
+
}, ";stroke-linecap:round;r:var(--radius);stroke-dasharray:var(--circumference);stroke-dashoffset:var(--dashoffset);transition:stroke-dashoffset 0.3s ease-in-out;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL1Byb2dyZXNzQmFyQ2lyY3VsYXIuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Byb2dyZXNzQmFyQ2lyY3VsYXIvUHJvZ3Jlc3NCYXJDaXJjdWxhci5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1Byb2dyZXNzQmFyQ2lyY3VsYXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU1ZHID0gc3R5bGVkLnN2Z2BcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja2dyb3VuZENpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlciB9PmBcbiAgICBmaWxsOiBub25lO1xuICAgIHI6ICR7KHsgY3VzdG9tU3Ryb2tlV2lkdGggPSBgdmFyKCR7dG9rZW5zLnN0cm9rZVNpemV9KWAgfSkgPT5cbiAgICAgICAgYGNhbGMoNTBweCAtIGNhbGMoY2FsYyg1MHB4IC8gdmFyKCR7dG9rZW5zLnNpemV9KSkgKiAke2N1c3RvbVN0cm9rZVdpZHRofSkpYH07XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZX0pO1xuICAgIHN0cm9rZS13aWR0aDogJHsoeyBjdXN0b21TdHJva2VXaWR0aCA9IGB2YXIoJHt0b2tlbnMuc3Ryb2tlU2l6ZX0pYCB9KSA9PlxuICAgICAgICBgY2FsYyhjYWxjKDUwcHggLyB2YXIoJHt0b2tlbnMuc2l6ZX0pKSAqIGNhbGMoJHtjdXN0b21TdHJva2VXaWR0aH0pICogMilgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0NpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlcjsgcGVyY2VudD86IG51bWJlciB9PmBcbiAgICAtLXBlcmNlbnRhZ2U6ICR7KHsgcGVyY2VudCB9KSA9PiBwZXJjZW50ID8/IDB9O1xuICAgIC0tcmFkaXVzOiAkeyh7IGN1c3RvbVN0cm9rZVdpZHRoID0gYHZhcigke3Rva2Vucy5zdHJva2VTaXplfSlgIH0pID0+XG4gICAgICAgIGBjYWxjKDUwcHggLSBjYWxjKGNhbGMoNTBweCAvIHZhcigke3Rva2Vucy5zaXplfSkpICogJHtjdXN0b21TdHJva2VXaWR0aH0pKWB9O1xuICAgIC0tY2lyY3VtZmVyZW5jZTogY2FsYyhjYWxjKDIgKiAzLjE0MTU5MjY1MzUpICogdmFyKC0tcmFkaXVzKSk7XG4gICAgLS1kYXNob2Zmc2V0OiBjYWxjKHZhcigtLWNpcmN1bWZlcmVuY2UpIC0gKHZhcigtLXBlcmNlbnRhZ2UsIDApICogdmFyKC0tY2lyY3VtZmVyZW5jZSkgLyAxMDApKTtcblxuICAgIGZpbGw6IG5vbmU7XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMucHJvZ3Jlc3NTdHJva2V9KTtcbiAgICBzdHJva2Utd2lkdGg6ICR7KHsgY3VzdG9tU3Ryb2tlV2lkdGggPSBgdmFyKCR7dG9rZW5zLnN0cm9rZVNpemV9KWAgfSkgPT5cbiAgICAgICAgYGNhbGMoY2FsYyg1MHB4IC8gdmFyKCR7dG9rZW5zLnNpemV9KSkgKiBjYWxjKCR7Y3VzdG9tU3Ryb2tlV2lkdGh9KSAqIDIpYH07XG4gICAgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kO1xuICAgIHI6IHZhcigtLXJhZGl1cyk7XG4gICAgc3Ryb2tlLWRhc2hhcnJheTogdmFyKC0tY2lyY3VtZmVyZW5jZSk7XG4gICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IHZhcigtLWRhc2hvZmZzZXQpO1xuICAgIHRyYW5zaXRpb246IHN0cm9rZS1kYXNob2Zmc2V0IDAuM3MgZWFzZS1pbi1vdXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNTAlO1xuICAgIGxlZnQ6IDUwJTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcblxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29udGVudENvbG9yfSk7XG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuY29udGVudExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmNvbnRlbnRMaW5lSGVpZ2h0fSk7XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQThCb0MifQ== */");
|
|
32
|
+
export var StyledContent = /*#__PURE__*/ styled("div", {
|
|
33
|
+
target: "eoei81i3",
|
|
34
|
+
label: "StyledContent"
|
|
35
|
+
})("position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(", tokens.contentColor, ");font-family:var(", tokens.contentFontFamily, ");font-size:var(", tokens.contentFontSize, ");font-style:var(", tokens.contentFontStyle, ");font-weight:var(", tokens.contentFontWeight, ");letter-spacing:var(", tokens.contentLetterSpacing, ");line-height:var(", tokens.contentLineHeight, ");display:flex;align-items:center;justify-content:center;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL1Byb2dyZXNzQmFyQ2lyY3VsYXIuc3R5bGVzLnRzIiwic291cmNlcyI6WyJzcmMtZW1vdGlvbi9jb21wb25lbnRzL1Byb2dyZXNzQmFyQ2lyY3VsYXIvUHJvZ3Jlc3NCYXJDaXJjdWxhci5zdHlsZXMudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyB0b2tlbnMgfSBmcm9tICcuL1Byb2dyZXNzQmFyQ2lyY3VsYXIudG9rZW5zJztcblxuZXhwb3J0IGNvbnN0IGJhc2UgPSBjc3NgXG4gICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgIGRpc3BsYXk6IGlubGluZS1mbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcblxuICAgIHdpZHRoOiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSk7XG4gICAgaGVpZ2h0OiB2YXIoJHt0b2tlbnMuaGVpZ2h0fSk7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkU1ZHID0gc3R5bGVkLnN2Z2BcbiAgICB3aWR0aDogMTAwJTtcbiAgICBoZWlnaHQ6IDEwMCU7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQmFja2dyb3VuZENpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlciB9PmBcbiAgICBmaWxsOiBub25lO1xuICAgIHI6ICR7KHsgY3VzdG9tU3Ryb2tlV2lkdGggPSBgdmFyKCR7dG9rZW5zLnN0cm9rZVNpemV9KWAgfSkgPT5cbiAgICAgICAgYGNhbGMoNTBweCAtIGNhbGMoY2FsYyg1MHB4IC8gdmFyKCR7dG9rZW5zLnNpemV9KSkgKiAke2N1c3RvbVN0cm9rZVdpZHRofSkpYH07XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMuYmFja2dyb3VuZFN0cm9rZX0pO1xuICAgIHN0cm9rZS13aWR0aDogJHsoeyBjdXN0b21TdHJva2VXaWR0aCA9IGB2YXIoJHt0b2tlbnMuc3Ryb2tlU2l6ZX0pYCB9KSA9PlxuICAgICAgICBgY2FsYyhjYWxjKDUwcHggLyB2YXIoJHt0b2tlbnMuc2l6ZX0pKSAqIGNhbGMoJHtjdXN0b21TdHJva2VXaWR0aH0pICogMilgfTtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRQcm9ncmVzc0NpcmNsZSA9IHN0eWxlZC5jaXJjbGU8eyBjdXN0b21TdHJva2VXaWR0aD86IG51bWJlcjsgcGVyY2VudD86IG51bWJlciB9PmBcbiAgICAtLXBlcmNlbnRhZ2U6ICR7KHsgcGVyY2VudCB9KSA9PiBwZXJjZW50ID8/IDB9O1xuICAgIC0tcmFkaXVzOiAkeyh7IGN1c3RvbVN0cm9rZVdpZHRoID0gYHZhcigke3Rva2Vucy5zdHJva2VTaXplfSlgIH0pID0+XG4gICAgICAgIGBjYWxjKDUwcHggLSBjYWxjKGNhbGMoNTBweCAvIHZhcigke3Rva2Vucy5zaXplfSkpICogJHtjdXN0b21TdHJva2VXaWR0aH0pKWB9O1xuICAgIC0tY2lyY3VtZmVyZW5jZTogY2FsYyhjYWxjKDIgKiAzLjE0MTU5MjY1MzUpICogdmFyKC0tcmFkaXVzKSk7XG4gICAgLS1kYXNob2Zmc2V0OiBjYWxjKHZhcigtLWNpcmN1bWZlcmVuY2UpIC0gKHZhcigtLXBlcmNlbnRhZ2UsIDApICogdmFyKC0tY2lyY3VtZmVyZW5jZSkgLyAxMDApKTtcblxuICAgIGZpbGw6IG5vbmU7XG4gICAgc3Ryb2tlOiB2YXIoJHt0b2tlbnMucHJvZ3Jlc3NTdHJva2V9KTtcbiAgICBzdHJva2Utd2lkdGg6ICR7KHsgY3VzdG9tU3Ryb2tlV2lkdGggPSBgdmFyKCR7dG9rZW5zLnN0cm9rZVNpemV9KWAgfSkgPT5cbiAgICAgICAgYGNhbGMoY2FsYyg1MHB4IC8gdmFyKCR7dG9rZW5zLnNpemV9KSkgKiBjYWxjKCR7Y3VzdG9tU3Ryb2tlV2lkdGh9KSAqIDIpYH07XG4gICAgc3Ryb2tlLWxpbmVjYXA6IHJvdW5kO1xuICAgIHI6IHZhcigtLXJhZGl1cyk7XG4gICAgc3Ryb2tlLWRhc2hhcnJheTogdmFyKC0tY2lyY3VtZmVyZW5jZSk7XG4gICAgc3Ryb2tlLWRhc2hvZmZzZXQ6IHZhcigtLWRhc2hvZmZzZXQpO1xuICAgIHRyYW5zaXRpb246IHN0cm9rZS1kYXNob2Zmc2V0IDAuM3MgZWFzZS1pbi1vdXQ7XG5gO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkQ29udGVudCA9IHN0eWxlZC5kaXZgXG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIHRvcDogNTAlO1xuICAgIGxlZnQ6IDUwJTtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZSgtNTAlLCAtNTAlKTtcblxuICAgIGNvbG9yOiB2YXIoJHt0b2tlbnMuY29udGVudENvbG9yfSk7XG4gICAgZm9udC1mYW1pbHk6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udEZhbWlseX0pO1xuICAgIGZvbnQtc2l6ZTogdmFyKCR7dG9rZW5zLmNvbnRlbnRGb250U2l6ZX0pO1xuICAgIGZvbnQtc3R5bGU6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udFN0eWxlfSk7XG4gICAgZm9udC13ZWlnaHQ6IHZhcigke3Rva2Vucy5jb250ZW50Rm9udFdlaWdodH0pO1xuICAgIGxldHRlci1zcGFjaW5nOiB2YXIoJHt0b2tlbnMuY29udGVudExldHRlclNwYWNpbmd9KTtcbiAgICBsaW5lLWhlaWdodDogdmFyKCR7dG9rZW5zLmNvbnRlbnRMaW5lSGVpZ2h0fSk7XG5cbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG5gO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdENkIifQ== */");
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
export var classes = {
|
|
2
|
+
svg: '--plasma-progressbar-circular-svg',
|
|
3
|
+
backgroundCircle: '--plasma-progressbar-circular-background-circle',
|
|
4
|
+
progressCircle: '--plasma-progressbar-circular-progress-circle',
|
|
5
|
+
content: '--plasma-progressbar-circular-content'
|
|
6
|
+
};
|
|
7
|
+
export var tokens = {
|
|
8
|
+
size: '--plasma-progressbar-circular-size',
|
|
9
|
+
width: '--plasma-progressbar-circular-width',
|
|
10
|
+
height: '--plasma-progressbar-circular-height',
|
|
11
|
+
strokeWidth: '--plasma-progressbar-circular-stroke-width',
|
|
12
|
+
strokeSize: '--plasma-progressbar-circular-stroke-size',
|
|
13
|
+
backgroundStroke: '--plasma-progressbar-circular-background-stroke',
|
|
14
|
+
progressStroke: '--plasma-progressbar-circular-progress-stroke',
|
|
15
|
+
contentColor: '--plasma-progressbar-circular-content-color',
|
|
16
|
+
contentFontFamily: '--plasma-progressbar-circular-content-font-family',
|
|
17
|
+
contentFontSize: '--plasma-progressbar-circular-content-font-size',
|
|
18
|
+
contentFontStyle: '--plasma-progressbar-circular-content-font-style',
|
|
19
|
+
contentFontWeight: '--plasma-progressbar-circular-content-font-weight',
|
|
20
|
+
contentLetterSpacing: '--plasma-progressbar-circular-content-letter-spacing',
|
|
21
|
+
contentLineHeight: '--plasma-progressbar-circular-content-line-height'
|
|
22
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { };
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { css } from "@emotion/react";
|
|
2
|
+
export var base = /*#__PURE__*/ css("base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL3ZhcmlhdGlvbnMvX3NpemUvYmFzZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYGA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRW9CIn0= */");
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import { css } from "@emotion/react";
|
|
2
|
+
export var base = /*#__PURE__*/ css("base", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyIsInNvdXJjZXMiOlsic3JjLWVtb3Rpb24vY29tcG9uZW50cy9Qcm9ncmVzc0JhckNpcmN1bGFyL3ZhcmlhdGlvbnMvX3ZpZXcvYmFzZS50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5cbmV4cG9ydCBjb25zdCBiYXNlID0gY3NzYGA7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRW9CIn0= */");
|
|
@@ -119,7 +119,7 @@ import { base, Table, Tr, Thead, StyledCheckbox, Tbody } from "./Table.styles";
|
|
|
119
119
|
export var SELECT_COLUMN_ID = 'SELECT_COLUMN_UNIQUE_ID';
|
|
120
120
|
export var tableRoot = function(Root) {
|
|
121
121
|
return /*#__PURE__*/ forwardRef(function(_param, ref) {
|
|
122
|
-
var data = _param.data, onChange = _param.onChange, columns = _param.columns, view = _param.view, size = _param.size, _param_borderVariant = _param.borderVariant, borderVariant = _param_borderVariant === void 0 ? 'all' : _param_borderVariant,
|
|
122
|
+
var data = _param.data, onChange = _param.onChange, columns = _param.columns, view = _param.view, size = _param.size, _param_borderVariant = _param.borderVariant, borderVariant = _param_borderVariant === void 0 ? 'all' : _param_borderVariant, _param_enableSelection = _param.enableSelection, enableSelection = _param_enableSelection === void 0 ? false : _param_enableSelection, outerSelected = _param.selected, outerFiltered = _param.filtered, outerSorted = _param.sorted, maxHeight = _param.maxHeight, _param_stickyHeader = _param.stickyHeader, stickyHeader = _param_stickyHeader === void 0 ? false : _param_stickyHeader, onCellUpdate = _param.onCellUpdate, setRowProps = _param.setRowProps, props = _object_without_properties(_param, [
|
|
123
123
|
"data",
|
|
124
124
|
"onChange",
|
|
125
125
|
"columns",
|
|
@@ -132,7 +132,8 @@ export var tableRoot = function(Root) {
|
|
|
132
132
|
"sorted",
|
|
133
133
|
"maxHeight",
|
|
134
134
|
"stickyHeader",
|
|
135
|
-
"onCellUpdate"
|
|
135
|
+
"onCellUpdate",
|
|
136
|
+
"setRowProps"
|
|
136
137
|
]);
|
|
137
138
|
var _useState = _sliced_to_array(useState(outerSelected || {}), 2), innerSelected = _useState[0], innerSetSelected = _useState[1];
|
|
138
139
|
var _useState1 = _sliced_to_array(useState(outerFiltered || []), 2), innerFiltered = _useState1[0], setInnerFiltered = _useState1[1];
|
|
@@ -207,7 +208,7 @@ export var tableRoot = function(Root) {
|
|
|
207
208
|
enableResizing: false
|
|
208
209
|
}
|
|
209
210
|
] : []).concat(_to_consumable_array(columns.map(function(param) {
|
|
210
|
-
var id = param.id, label = param.label, filters = param.filters, _param_enableSorting = param.enableSorting, enableSorting = _param_enableSorting === void 0 ? false : _param_enableSorting, _param_enableResizing = param.enableResizing, enableResizing = _param_enableResizing === void 0 ? false : _param_enableResizing, outerFilterFn = param.filterFn, columnSize = param.width, _param_enableEditing = param.enableEditing, enableEditing = _param_enableEditing === void 0 ? false : _param_enableEditing, renderCell = param.renderCell;
|
|
211
|
+
var id = param.id, label = param.label, filters = param.filters, _param_enableSorting = param.enableSorting, enableSorting = _param_enableSorting === void 0 ? false : _param_enableSorting, _param_enableResizing = param.enableResizing, enableResizing = _param_enableResizing === void 0 ? false : _param_enableResizing, outerFilterFn = param.filterFn, columnSize = param.width, _param_enableEditing = param.enableEditing, enableEditing = _param_enableEditing === void 0 ? false : _param_enableEditing, renderCell = param.renderCell, setCellProps = param.setCellProps;
|
|
211
212
|
return {
|
|
212
213
|
header: label,
|
|
213
214
|
accessorKey: id,
|
|
@@ -225,7 +226,8 @@ export var tableRoot = function(Root) {
|
|
|
225
226
|
meta: {
|
|
226
227
|
filters: filters,
|
|
227
228
|
enableEditing: enableEditing,
|
|
228
|
-
renderCell: renderCell
|
|
229
|
+
renderCell: renderCell,
|
|
230
|
+
setCellProps: setCellProps
|
|
229
231
|
}
|
|
230
232
|
};
|
|
231
233
|
})));
|
|
@@ -292,27 +294,30 @@ export var tableRoot = function(Root) {
|
|
|
292
294
|
});
|
|
293
295
|
}));
|
|
294
296
|
})), /*#__PURE__*/ React.createElement(Tbody, null, table.getRowModel().rows.map(function(row) {
|
|
295
|
-
return /*#__PURE__*/ React.createElement(Tr, {
|
|
297
|
+
return /*#__PURE__*/ React.createElement(Tr, _object_spread({
|
|
296
298
|
key: row.id,
|
|
297
299
|
selected: row.getIsSelected()
|
|
298
|
-
}, row.getVisibleCells().map(function(cell) {
|
|
299
|
-
var
|
|
300
|
+
}, setRowProps === null || setRowProps === void 0 ? void 0 : setRowProps(row.original)), row.getVisibleCells().map(function(cell) {
|
|
301
|
+
var _cell_column_columnDef_meta_setCellProps, _cell_column_columnDef_meta, _cell_column_columnDef, _cell_column, _cell_column_columnDef_meta1, _cell_column_columnDef1, _cell_column1;
|
|
302
|
+
var additionalProps = (cell === null || cell === void 0 ? void 0 : (_cell_column = cell.column) === null || _cell_column === void 0 ? void 0 : (_cell_column_columnDef = _cell_column.columnDef) === null || _cell_column_columnDef === void 0 ? void 0 : (_cell_column_columnDef_meta = _cell_column_columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : (_cell_column_columnDef_meta_setCellProps = _cell_column_columnDef_meta.setCellProps) === null || _cell_column_columnDef_meta_setCellProps === void 0 ? void 0 : _cell_column_columnDef_meta_setCellProps.call(_cell_column_columnDef_meta, cell.row.original, cell.id)) || {};
|
|
303
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment
|
|
300
304
|
// @ts-ignore
|
|
301
|
-
|
|
302
|
-
return (cell === null || cell === void 0 ? void 0 : (_cell_column = cell.column) === null || _cell_column === void 0 ? void 0 : (_cell_column_columnDef = _cell_column.columnDef) === null || _cell_column_columnDef === void 0 ? void 0 : (_cell_column_columnDef_meta = _cell_column_columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : _cell_column_columnDef_meta.enableEditing) ? /*#__PURE__*/ React.createElement(EditableCell, {
|
|
305
|
+
return (cell === null || cell === void 0 ? void 0 : (_cell_column1 = cell.column) === null || _cell_column1 === void 0 ? void 0 : (_cell_column_columnDef1 = _cell_column1.columnDef) === null || _cell_column_columnDef1 === void 0 ? void 0 : (_cell_column_columnDef_meta1 = _cell_column_columnDef1.meta) === null || _cell_column_columnDef_meta1 === void 0 ? void 0 : _cell_column_columnDef_meta1.enableEditing) ? /*#__PURE__*/ React.createElement(EditableCell, {
|
|
303
306
|
key: cell.id,
|
|
304
307
|
size: size,
|
|
305
308
|
cell: cell,
|
|
306
309
|
borderVariant: borderVariant,
|
|
307
310
|
table: table,
|
|
308
311
|
selected: row.getIsSelected(),
|
|
309
|
-
view: view
|
|
312
|
+
view: view,
|
|
313
|
+
additionalProps: additionalProps
|
|
310
314
|
}) : /*#__PURE__*/ React.createElement(Cell, {
|
|
311
315
|
key: cell.id,
|
|
312
316
|
cell: cell,
|
|
313
317
|
borderVariant: borderVariant,
|
|
314
318
|
selected: row.getIsSelected(),
|
|
315
|
-
view: view
|
|
319
|
+
view: view,
|
|
320
|
+
additionalProps: additionalProps
|
|
316
321
|
});
|
|
317
322
|
}));
|
|
318
323
|
}))));
|
|
@@ -1,19 +1,47 @@
|
|
|
1
|
+
function _define_property(obj, key, value) {
|
|
2
|
+
if (key in obj) {
|
|
3
|
+
Object.defineProperty(obj, key, {
|
|
4
|
+
value: value,
|
|
5
|
+
enumerable: true,
|
|
6
|
+
configurable: true,
|
|
7
|
+
writable: true
|
|
8
|
+
});
|
|
9
|
+
} else {
|
|
10
|
+
obj[key] = value;
|
|
11
|
+
}
|
|
12
|
+
return obj;
|
|
13
|
+
}
|
|
14
|
+
function _object_spread(target) {
|
|
15
|
+
for(var i = 1; i < arguments.length; i++){
|
|
16
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
17
|
+
var ownKeys = Object.keys(source);
|
|
18
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
19
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
20
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
21
|
+
}));
|
|
22
|
+
}
|
|
23
|
+
ownKeys.forEach(function(key) {
|
|
24
|
+
_define_property(target, key, source[key]);
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
return target;
|
|
28
|
+
}
|
|
1
29
|
import React from "react";
|
|
2
30
|
import { flexRender } from "@tanstack/react-table";
|
|
3
31
|
import { Resizer } from "../../Table.styles";
|
|
4
32
|
import { SELECT_COLUMN_ID } from "../../Table";
|
|
5
33
|
import { Td } from "./Cell.styles";
|
|
6
34
|
export var Cell = function(param) {
|
|
7
|
-
var cell = param.cell, borderVariant = param.borderVariant, selected = param.selected, view = param.view;
|
|
35
|
+
var cell = param.cell, borderVariant = param.borderVariant, selected = param.selected, view = param.view, additionalProps = param.additionalProps;
|
|
8
36
|
var _cell_column_columnDef_meta;
|
|
9
37
|
var renderCell = (_cell_column_columnDef_meta = cell.column.columnDef.meta) === null || _cell_column_columnDef_meta === void 0 ? void 0 : _cell_column_columnDef_meta.renderCell;
|
|
10
|
-
return /*#__PURE__*/ React.createElement(Td, {
|
|
38
|
+
return /*#__PURE__*/ React.createElement(Td, _object_spread({
|
|
11
39
|
key: cell.id,
|
|
12
40
|
borderVariant: borderVariant,
|
|
13
41
|
selectionCell: cell.column.id === SELECT_COLUMN_ID,
|
|
14
42
|
selected: selected,
|
|
15
43
|
view: view
|
|
16
|
-
}, renderCell ? renderCell(cell.getValue(), cell.row.original, cell.row.index) : flexRender(cell.column.columnDef.cell, cell.getContext()), cell.column.getIsResizing() && /*#__PURE__*/ React.createElement(Resizer, {
|
|
44
|
+
}, additionalProps), renderCell ? renderCell(cell.getValue(), cell.row.original, cell.row.index) : flexRender(cell.column.columnDef.cell, cell.getContext()), cell.column.getIsResizing() && /*#__PURE__*/ React.createElement(Resizer, {
|
|
17
45
|
isResizing: true
|
|
18
46
|
}));
|
|
19
47
|
};
|
|
@@ -6,6 +6,19 @@ function _array_like_to_array(arr, len) {
|
|
|
6
6
|
function _array_with_holes(arr) {
|
|
7
7
|
if (Array.isArray(arr)) return arr;
|
|
8
8
|
}
|
|
9
|
+
function _define_property(obj, key, value) {
|
|
10
|
+
if (key in obj) {
|
|
11
|
+
Object.defineProperty(obj, key, {
|
|
12
|
+
value: value,
|
|
13
|
+
enumerable: true,
|
|
14
|
+
configurable: true,
|
|
15
|
+
writable: true
|
|
16
|
+
});
|
|
17
|
+
} else {
|
|
18
|
+
obj[key] = value;
|
|
19
|
+
}
|
|
20
|
+
return obj;
|
|
21
|
+
}
|
|
9
22
|
function _iterable_to_array_limit(arr, i) {
|
|
10
23
|
var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"];
|
|
11
24
|
if (_i == null) return;
|
|
@@ -33,6 +46,21 @@ function _iterable_to_array_limit(arr, i) {
|
|
|
33
46
|
function _non_iterable_rest() {
|
|
34
47
|
throw new TypeError("Invalid attempt to destructure non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
35
48
|
}
|
|
49
|
+
function _object_spread(target) {
|
|
50
|
+
for(var i = 1; i < arguments.length; i++){
|
|
51
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
52
|
+
var ownKeys = Object.keys(source);
|
|
53
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
54
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
55
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
56
|
+
}));
|
|
57
|
+
}
|
|
58
|
+
ownKeys.forEach(function(key) {
|
|
59
|
+
_define_property(target, key, source[key]);
|
|
60
|
+
});
|
|
61
|
+
}
|
|
62
|
+
return target;
|
|
63
|
+
}
|
|
36
64
|
function _sliced_to_array(arr, i) {
|
|
37
65
|
return _array_with_holes(arr) || _iterable_to_array_limit(arr, i) || _unsupported_iterable_to_array(arr, i) || _non_iterable_rest();
|
|
38
66
|
}
|
|
@@ -59,7 +87,7 @@ var keys = {
|
|
|
59
87
|
Escape: 'Escape'
|
|
60
88
|
};
|
|
61
89
|
export var EditableCell = function(param) {
|
|
62
|
-
var size = param.size, view = param.view, cell = param.cell, borderVariant = param.borderVariant, table = param.table, selected = param.selected;
|
|
90
|
+
var size = param.size, view = param.view, cell = param.cell, borderVariant = param.borderVariant, table = param.table, selected = param.selected, additionalProps = param.additionalProps;
|
|
63
91
|
var _table_options_meta;
|
|
64
92
|
var _useState = _sliced_to_array(useState(cell.getValue()), 2), value = _useState[0], setValue = _useState[1];
|
|
65
93
|
var _useState1 = _sliced_to_array(useState(false), 2), editingMode = _useState1[0], setEditingMode = _useState1[1];
|
|
@@ -110,7 +138,7 @@ export var EditableCell = function(param) {
|
|
|
110
138
|
}
|
|
111
139
|
}
|
|
112
140
|
};
|
|
113
|
-
return /*#__PURE__*/ React.createElement(Td, {
|
|
141
|
+
return /*#__PURE__*/ React.createElement(Td, _object_spread({
|
|
114
142
|
key: cell.id,
|
|
115
143
|
borderVariant: borderVariant,
|
|
116
144
|
selectionCell: cell.column.id === SELECT_COLUMN_ID,
|
|
@@ -119,7 +147,7 @@ export var EditableCell = function(param) {
|
|
|
119
147
|
selected: selected,
|
|
120
148
|
view: view,
|
|
121
149
|
ref: ref
|
|
122
|
-
}, /*#__PURE__*/ React.createElement(InnerWrapper, null, editingMode ? /*#__PURE__*/ React.createElement(EditModeWrapper, null, /*#__PURE__*/ React.createElement(InputWrapper, null, /*#__PURE__*/ React.createElement(Input, {
|
|
150
|
+
}, additionalProps), /*#__PURE__*/ React.createElement(InnerWrapper, null, editingMode ? /*#__PURE__*/ React.createElement(EditModeWrapper, null, /*#__PURE__*/ React.createElement(InputWrapper, null, /*#__PURE__*/ React.createElement(Input, {
|
|
123
151
|
value: value,
|
|
124
152
|
onChange: handleChange,
|
|
125
153
|
autoFocus: true,
|
|
@@ -13,6 +13,7 @@ export { IconChevronDown } from "./Icons/IconChevronDown";
|
|
|
13
13
|
export { IconChevronDownFill } from "./Icons/IconChevronDownFill";
|
|
14
14
|
export { IconClose } from "./Icons/IconClose";
|
|
15
15
|
export { IconCross } from "./Icons/IconCross";
|
|
16
|
+
export { IconCrossThin } from "./Icons/IconCrossThin";
|
|
16
17
|
export { IconDone } from "./Icons/IconDone";
|
|
17
18
|
export { IconDisclosureRightCentered } from "./Icons/IconDisclosureRightCentered";
|
|
18
19
|
export { IconDisclosureDownCentered } from "./Icons/IconDisclosureDownCentered";
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import React, { useRef } from "react";
|
|
2
|
+
import { Resizable as ReResizable } from "re-resizable";
|
|
3
|
+
import { getHandleStyles, getRatioBasedOnPlacement, getResizeDirections } from "./utils";
|
|
4
|
+
import { classes } from "./Resizable.tokens";
|
|
5
|
+
import { IconResizeDiagonalStyled } from "./Resizable.styles";
|
|
6
|
+
export var Resizable = function(param) {
|
|
7
|
+
var children = param.children, outerResizable = param.resizable, placement = param.placement, onResizeStart = param.onResizeStart, onResizeEnd = param.onResizeEnd;
|
|
8
|
+
var _resizable_hiddenIcons, _resizable_icons, _resizable_hiddenIcons1, _resizable_icons1, _resizable_hiddenIcons2, _resizable_icons2, _resizable_hiddenIcons3, _resizable_icons3;
|
|
9
|
+
var resizableContainer = useRef(null);
|
|
10
|
+
var resizable = typeof outerResizable === 'boolean' ? {
|
|
11
|
+
disabled: !outerResizable
|
|
12
|
+
} : outerResizable;
|
|
13
|
+
var handleResizeStart = function() {
|
|
14
|
+
if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
|
|
15
|
+
resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);
|
|
16
|
+
if (onResizeStart) {
|
|
17
|
+
onResizeStart(resizableContainer);
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
var handleResizeEnd = function() {
|
|
22
|
+
if ((resizableContainer === null || resizableContainer === void 0 ? void 0 : resizableContainer.current) && resizableContainer.current.resizable) {
|
|
23
|
+
resizableContainer.current.resizable.classList.toggle(classes.resizableContainerNoSelect);
|
|
24
|
+
if (onResizeEnd) {
|
|
25
|
+
onResizeEnd(resizableContainer);
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
};
|
|
29
|
+
if (!resizable || resizable.disabled) {
|
|
30
|
+
return /*#__PURE__*/ React.createElement(React.Fragment, null, children);
|
|
31
|
+
}
|
|
32
|
+
return /*#__PURE__*/ React.createElement(ReResizable, {
|
|
33
|
+
ref: resizableContainer,
|
|
34
|
+
enable: resizable && !resizable.disabled ? getResizeDirections(resizable.directions) : false,
|
|
35
|
+
resizeRatio: getRatioBasedOnPlacement(placement),
|
|
36
|
+
defaultSize: resizable === null || resizable === void 0 ? void 0 : resizable.defaultSize,
|
|
37
|
+
minWidth: resizable === null || resizable === void 0 ? void 0 : resizable.minWidth,
|
|
38
|
+
minHeight: resizable === null || resizable === void 0 ? void 0 : resizable.minHeight,
|
|
39
|
+
maxWidth: resizable === null || resizable === void 0 ? void 0 : resizable.maxWidth,
|
|
40
|
+
maxHeight: resizable === null || resizable === void 0 ? void 0 : resizable.maxHeight,
|
|
41
|
+
onResizeStart: handleResizeStart,
|
|
42
|
+
onResizeStop: handleResizeEnd,
|
|
43
|
+
handleComponent: {
|
|
44
|
+
topRight: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons = resizable.hiddenIcons) === null || _resizable_hiddenIcons === void 0 ? void 0 : _resizable_hiddenIcons.includes('top-right')) ? undefined : /*#__PURE__*/ React.createElement(React.Fragment, null, (resizable === null || resizable === void 0 ? void 0 : (_resizable_icons = resizable.icons) === null || _resizable_icons === void 0 ? void 0 : _resizable_icons.topRight) || /*#__PURE__*/ React.createElement(IconResizeDiagonalStyled, {
|
|
45
|
+
className: classes.resizableTopRightIcon,
|
|
46
|
+
color: "inherit",
|
|
47
|
+
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
|
48
|
+
})),
|
|
49
|
+
bottomRight: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons1 = resizable.hiddenIcons) === null || _resizable_hiddenIcons1 === void 0 ? void 0 : _resizable_hiddenIcons1.includes('bottom-right')) ? undefined : /*#__PURE__*/ React.createElement(React.Fragment, null, (resizable === null || resizable === void 0 ? void 0 : (_resizable_icons1 = resizable.icons) === null || _resizable_icons1 === void 0 ? void 0 : _resizable_icons1.bottomRight) || /*#__PURE__*/ React.createElement(IconResizeDiagonalStyled, {
|
|
50
|
+
className: classes.resizableBottomRightIcon,
|
|
51
|
+
color: "inherit",
|
|
52
|
+
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
|
53
|
+
})),
|
|
54
|
+
bottomLeft: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons2 = resizable.hiddenIcons) === null || _resizable_hiddenIcons2 === void 0 ? void 0 : _resizable_hiddenIcons2.includes('bottom-left')) ? undefined : /*#__PURE__*/ React.createElement(React.Fragment, null, (resizable === null || resizable === void 0 ? void 0 : (_resizable_icons2 = resizable.icons) === null || _resizable_icons2 === void 0 ? void 0 : _resizable_icons2.bottomLeft) || /*#__PURE__*/ React.createElement(IconResizeDiagonalStyled, {
|
|
55
|
+
className: classes.resizableBottomLeftIcon,
|
|
56
|
+
color: "inherit",
|
|
57
|
+
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
|
58
|
+
})),
|
|
59
|
+
topLeft: (resizable === null || resizable === void 0 ? void 0 : (_resizable_hiddenIcons3 = resizable.hiddenIcons) === null || _resizable_hiddenIcons3 === void 0 ? void 0 : _resizable_hiddenIcons3.includes('top-left')) ? undefined : /*#__PURE__*/ React.createElement(React.Fragment, null, (resizable === null || resizable === void 0 ? void 0 : (_resizable_icons3 = resizable.icons) === null || _resizable_icons3 === void 0 ? void 0 : _resizable_icons3.topLeft) || /*#__PURE__*/ React.createElement(IconResizeDiagonalStyled, {
|
|
60
|
+
className: classes.resizableTopLeftIcon,
|
|
61
|
+
color: "inherit",
|
|
62
|
+
size: resizable === null || resizable === void 0 ? void 0 : resizable.iconSize
|
|
63
|
+
}))
|
|
64
|
+
},
|
|
65
|
+
className: classes.resizableContainer,
|
|
66
|
+
handleStyles: getHandleStyles(),
|
|
67
|
+
handleWrapperClass: classes.resizableHandleWrapper
|
|
68
|
+
}, children);
|
|
69
|
+
};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import styled from "@emotion/styled";
|
|
2
|
+
import { IconResizeDiagonal } from "../_Icon";
|
|
3
|
+
import { classes } from "./Resizable.tokens";
|
|
4
|
+
export var IconResizeDiagonalStyled = /*#__PURE__*/ styled(IconResizeDiagonal, {
|
|
5
|
+
target: "e1q396sv0",
|
|
6
|
+
label: "IconResizeDiagonalStyled"
|
|
7
|
+
})("color:var(--text-secondary);&:hover{color:var(--text-secondary-hover);}&:active{color:var(--text-secondary-active);}&.", classes.resizableTopRightIcon, "{transform:rotate(-90deg);}&.", classes.resizableBottomRightIcon, "{transform:rotate(0);}&.", classes.resizableBottomLeftIcon, "{transform:rotate(90deg);}&.", classes.resizableTopLeftIcon, "{transform:rotate(180deg);}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjLWVtb3Rpb24vY29tcG9uZW50cy9fUmVzaXphYmxlL1Jlc2l6YWJsZS5zdHlsZXMudHMiLCJzb3VyY2VzIjpbInNyYy1lbW90aW9uL2NvbXBvbmVudHMvX1Jlc2l6YWJsZS9SZXNpemFibGUuc3R5bGVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEljb25SZXNpemVEaWFnb25hbCB9IGZyb20gJ3NyYy9jb21wb25lbnRzL19JY29uJztcblxuaW1wb3J0IHsgY2xhc3NlcyB9IGZyb20gJy4vUmVzaXphYmxlLnRva2Vucyc7XG5cbmV4cG9ydCBjb25zdCBJY29uUmVzaXplRGlhZ29uYWxTdHlsZWQgPSBzdHlsZWQoSWNvblJlc2l6ZURpYWdvbmFsKWBcbiAgICBjb2xvcjogdmFyKC0tdGV4dC1zZWNvbmRhcnkpO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICAgIGNvbG9yOiB2YXIoLS10ZXh0LXNlY29uZGFyeS1ob3Zlcik7XG4gICAgfVxuXG4gICAgJjphY3RpdmUge1xuICAgICAgICBjb2xvcjogdmFyKC0tdGV4dC1zZWNvbmRhcnktYWN0aXZlKTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5yZXNpemFibGVUb3BSaWdodEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoLTkwZGVnKTtcbiAgICB9XG5cbiAgICAmLiR7Y2xhc3Nlcy5yZXNpemFibGVCb3R0b21SaWdodEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoMCk7XG4gICAgfVxuXG4gICAgJi4ke2NsYXNzZXMucmVzaXphYmxlQm90dG9tTGVmdEljb259IHtcbiAgICAgICAgdHJhbnNmb3JtOiByb3RhdGUoOTBkZWcpO1xuICAgIH1cblxuICAgICYuJHtjbGFzc2VzLnJlc2l6YWJsZVRvcExlZnRJY29ufSB7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDE4MGRlZyk7XG4gICAgfVxuYDtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLd0MifQ== */");
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export var classes = {
|
|
2
|
+
resizableContainer: 'resizable-container',
|
|
3
|
+
resizableTopRightIcon: 'resizable-top-right-icon',
|
|
4
|
+
resizableBottomRightIcon: 'resizable-bottom-right-icon',
|
|
5
|
+
resizableBottomLeftIcon: 'resizable-bottom-left-icon',
|
|
6
|
+
resizableTopLeftIcon: 'resizable-top-left-icon',
|
|
7
|
+
resizableHandleWrapper: 'resizable-handle-wrapper',
|
|
8
|
+
resizableContainerNoSelect: 'resizable-container-no-select'
|
|
9
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { };
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
// Объект стилей для handler'а, в котором находится иконка ресайза.
|
|
2
|
+
function _define_property(obj, key, value) {
|
|
3
|
+
if (key in obj) {
|
|
4
|
+
Object.defineProperty(obj, key, {
|
|
5
|
+
value: value,
|
|
6
|
+
enumerable: true,
|
|
7
|
+
configurable: true,
|
|
8
|
+
writable: true
|
|
9
|
+
});
|
|
10
|
+
} else {
|
|
11
|
+
obj[key] = value;
|
|
12
|
+
}
|
|
13
|
+
return obj;
|
|
14
|
+
}
|
|
15
|
+
function _object_spread(target) {
|
|
16
|
+
for(var i = 1; i < arguments.length; i++){
|
|
17
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
18
|
+
var ownKeys = Object.keys(source);
|
|
19
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
20
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
21
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
22
|
+
}));
|
|
23
|
+
}
|
|
24
|
+
ownKeys.forEach(function(key) {
|
|
25
|
+
_define_property(target, key, source[key]);
|
|
26
|
+
});
|
|
27
|
+
}
|
|
28
|
+
return target;
|
|
29
|
+
}
|
|
30
|
+
var base = {
|
|
31
|
+
width: 'auto',
|
|
32
|
+
height: 'auto',
|
|
33
|
+
lineHeight: '0'
|
|
34
|
+
};
|
|
35
|
+
export var getHandleStyles = function() {
|
|
36
|
+
return {
|
|
37
|
+
topRight: _object_spread({
|
|
38
|
+
top: '0',
|
|
39
|
+
right: '0',
|
|
40
|
+
transform: 'translate(50%, -50%)'
|
|
41
|
+
}, base),
|
|
42
|
+
bottomRight: _object_spread({
|
|
43
|
+
right: '0',
|
|
44
|
+
bottom: '0',
|
|
45
|
+
transform: 'translate(50%, 50%)'
|
|
46
|
+
}, base),
|
|
47
|
+
bottomLeft: _object_spread({
|
|
48
|
+
bottom: '0',
|
|
49
|
+
left: '0',
|
|
50
|
+
transform: 'translate(-50%, 50%)'
|
|
51
|
+
}, base),
|
|
52
|
+
topLeft: _object_spread({
|
|
53
|
+
top: '0',
|
|
54
|
+
left: '0',
|
|
55
|
+
transform: 'translate(-50%, -50%)'
|
|
56
|
+
}, base)
|
|
57
|
+
};
|
|
58
|
+
};
|