react-science 0.24.3 → 0.26.1
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/lib/app/explorer/MeasurementExplorer.js +29 -7
- package/lib/app/explorer/MeasurementExplorerWithState.js +2 -2
- package/lib/app/helpers/MeasurementPlot.js +28 -19
- package/lib/app/helpers/react-plot.js +1 -1
- package/lib/app/hooks/file-loading.js +1 -1
- package/lib/app/kinds/mass/MassPlotView.js +2 -2
- package/lib/app/kinds/mass/MeasurementMassPlot.js +49 -33
- package/lib/app/panels/SignalProcessingPanel.js +1 -1
- package/lib/app/panels/measurement-info/MeasurementInfoPanel.js +13 -58
- package/lib/app-data/kinds/ir/irAutoPeakPickingEnhancer.js +4 -4
- package/lib/app-data/kinds/ir/irMeasurementEnhancer.js +1 -1
- package/lib/app-data/loaders/cdfLoader.js +4 -5
- package/lib/app-data/loaders/jcampLoader.js +1 -1
- package/lib/app-data/loaders/loadMeasurements.js +1 -1
- package/lib/app-data/loaders/wdfLoader.js +1 -1
- package/lib/app-data/state/data/data.helpers.js +35 -11
- package/lib/components/accordion/AccordionContext.js +1 -1
- package/lib/components/color-picker/gradient-select/GradientSelect.js +2 -0
- package/lib/components/color-picker/react-color/common/EditableInput.js +1 -1
- package/lib/components/dropdown-menu/DropdownMenu.js +2 -0
- package/lib/components/dropdown-menu/MenuItems.js +5 -1
- package/lib/components/forms/Checkbox.js +4 -5
- package/lib/components/forms/Input.js +3 -87
- package/lib/components/forms/TextArea.js +25 -0
- package/lib/components/forms/index.js +2 -0
- package/lib/components/forms/radio-group/ButtonRadioItem.js +76 -0
- package/lib/components/forms/radio-group/ClassicRadioItem.js +92 -0
- package/lib/components/forms/radio-group/RadioGroup.js +69 -0
- package/lib/components/forms/radio-group/index.js +17 -0
- package/lib/components/forms/styles.js +80 -0
- package/lib/components/forms/utils/SubText.js +20 -0
- package/lib/components/forms/utils/index.js +17 -0
- package/lib/components/header/PanelHeader.js +51 -0
- package/lib/components/header/index.js +1 -0
- package/lib/components/hooks/useOnOff.js +1 -1
- package/lib/components/index.js +1 -0
- package/lib/components/info-panel/InfoPanel.js +94 -0
- package/lib/components/info-panel/index.js +17 -0
- package/lib/components/modal/ConfirmModal.js +9 -6
- package/lib/components/modal/Modal.js +6 -4
- package/lib/components/modal/useDialog.js +13 -3
- package/lib/components/root-layout/css-reset/customPreflight.js +15 -3
- package/lib/components/root-layout/css-reset/preflight.js +14 -3
- package/lib/components/split-pane/SplitPane.js +1 -1
- package/lib/components/table/Table.js +4 -4
- package/lib/components/toolbar/PanelPreferencesToolbar.js +26 -0
- package/lib/components/toolbar/index.js +1 -0
- package/lib/components/value-renderers/Boolean.js +1 -1
- package/lib-esm/app/explorer/MeasurementExplorer.d.ts.map +1 -1
- package/lib-esm/app/explorer/MeasurementExplorer.js +30 -8
- package/lib-esm/app/explorer/MeasurementExplorer.js.map +1 -1
- package/lib-esm/app/explorer/MeasurementExplorerWithState.d.ts.map +1 -1
- package/lib-esm/app/explorer/MeasurementExplorerWithState.js +2 -2
- package/lib-esm/app/explorer/MeasurementExplorerWithState.js.map +1 -1
- package/lib-esm/app/helpers/MeasurementPlot.d.ts +3 -3
- package/lib-esm/app/helpers/MeasurementPlot.d.ts.map +1 -1
- package/lib-esm/app/helpers/MeasurementPlot.js +28 -19
- package/lib-esm/app/helpers/MeasurementPlot.js.map +1 -1
- package/lib-esm/app/helpers/react-plot.d.ts.map +1 -1
- package/lib-esm/app/helpers/react-plot.js +1 -1
- package/lib-esm/app/helpers/react-plot.js.map +1 -1
- package/lib-esm/app/hooks/file-loading.js +1 -1
- package/lib-esm/app/hooks/file-loading.js.map +1 -1
- package/lib-esm/app/kinds/ir/IrPeaksPanel.js.map +1 -1
- package/lib-esm/app/kinds/mass/MassPlotView.d.ts.map +1 -1
- package/lib-esm/app/kinds/mass/MassPlotView.js +2 -2
- package/lib-esm/app/kinds/mass/MassPlotView.js.map +1 -1
- package/lib-esm/app/kinds/mass/MeasurementMassPlot.d.ts.map +1 -1
- package/lib-esm/app/kinds/mass/MeasurementMassPlot.js +49 -33
- package/lib-esm/app/kinds/mass/MeasurementMassPlot.js.map +1 -1
- package/lib-esm/app/panels/SignalProcessingPanel.js +1 -1
- package/lib-esm/app/panels/SignalProcessingPanel.js.map +1 -1
- package/lib-esm/app/panels/measurement-info/MeasurementInfoPanel.d.ts.map +1 -1
- package/lib-esm/app/panels/measurement-info/MeasurementInfoPanel.js +15 -60
- package/lib-esm/app/panels/measurement-info/MeasurementInfoPanel.js.map +1 -1
- package/lib-esm/app-data/enhancers/enhance.d.ts +1 -1
- package/lib-esm/app-data/enhancers/enhance.d.ts.map +1 -1
- package/lib-esm/app-data/kinds/ir/irAutoPeakPickingEnhancer.js +4 -4
- package/lib-esm/app-data/kinds/ir/irAutoPeakPickingEnhancer.js.map +1 -1
- package/lib-esm/app-data/kinds/ir/irMeasurementEnhancer.js +1 -1
- package/lib-esm/app-data/kinds/ir/irMeasurementEnhancer.js.map +1 -1
- package/lib-esm/app-data/loaders/cdfLoader.d.ts.map +1 -1
- package/lib-esm/app-data/loaders/cdfLoader.js +4 -5
- package/lib-esm/app-data/loaders/cdfLoader.js.map +1 -1
- package/lib-esm/app-data/loaders/jcampLoader.js +1 -1
- package/lib-esm/app-data/loaders/jcampLoader.js.map +1 -1
- package/lib-esm/app-data/loaders/loadMeasurements.js +1 -1
- package/lib-esm/app-data/loaders/loadMeasurements.js.map +1 -1
- package/lib-esm/app-data/loaders/wdfLoader.js +1 -1
- package/lib-esm/app-data/loaders/wdfLoader.js.map +1 -1
- package/lib-esm/app-data/state/data/data.helpers.d.ts +22 -14
- package/lib-esm/app-data/state/data/data.helpers.d.ts.map +1 -1
- package/lib-esm/app-data/state/data/data.helpers.js +33 -10
- package/lib-esm/app-data/state/data/data.helpers.js.map +1 -1
- package/lib-esm/app-data/state/view/AppView.d.ts +1 -1
- package/lib-esm/app-data/state/view/AppView.d.ts.map +1 -1
- package/lib-esm/components/accordion/Accordion.js.map +1 -1
- package/lib-esm/components/accordion/AccordionContext.d.ts +1 -1
- package/lib-esm/components/accordion/AccordionContext.d.ts.map +1 -1
- package/lib-esm/components/accordion/AccordionContext.js +1 -1
- package/lib-esm/components/accordion/AccordionContext.js.map +1 -1
- package/lib-esm/components/color-picker/gradient-select/GradientSelect.d.ts.map +1 -1
- package/lib-esm/components/color-picker/gradient-select/GradientSelect.js +2 -0
- package/lib-esm/components/color-picker/gradient-select/GradientSelect.js.map +1 -1
- package/lib-esm/components/color-picker/react-color/common/EditableInput.js +1 -1
- package/lib-esm/components/color-picker/react-color/common/EditableInput.js.map +1 -1
- package/lib-esm/components/color-picker/react-color/helpers/color.d.ts +13 -13
- package/lib-esm/components/color-picker/react-color/sketch/SketchPresetColors.d.ts +2 -2
- package/lib-esm/components/color-picker/react-color/sketch/SketchPresetColors.d.ts.map +1 -1
- package/lib-esm/components/dropdown-menu/DropdownMenu.d.ts.map +1 -1
- package/lib-esm/components/dropdown-menu/DropdownMenu.js +2 -0
- package/lib-esm/components/dropdown-menu/DropdownMenu.js.map +1 -1
- package/lib-esm/components/dropdown-menu/MenuItems.d.ts.map +1 -1
- package/lib-esm/components/dropdown-menu/MenuItems.js +5 -1
- package/lib-esm/components/dropdown-menu/MenuItems.js.map +1 -1
- package/lib-esm/components/dropdown-menu/useContextMenuPlacement.d.ts +1 -1
- package/lib-esm/components/dropdown-menu/useContextMenuPlacement.d.ts.map +1 -1
- package/lib-esm/components/dropdown-menu/useContextMenuPlacement.js.map +1 -1
- package/lib-esm/components/forms/Checkbox.d.ts.map +1 -1
- package/lib-esm/components/forms/Checkbox.js +1 -2
- package/lib-esm/components/forms/Checkbox.js.map +1 -1
- package/lib-esm/components/forms/Input.d.ts +4 -2
- package/lib-esm/components/forms/Input.d.ts.map +1 -1
- package/lib-esm/components/forms/Input.js +3 -87
- package/lib-esm/components/forms/Input.js.map +1 -1
- package/lib-esm/components/forms/Select.d.ts +1 -1
- package/lib-esm/components/forms/Select.d.ts.map +1 -1
- package/lib-esm/components/forms/TextArea.d.ts +8 -0
- package/lib-esm/components/forms/TextArea.d.ts.map +1 -0
- package/lib-esm/components/forms/TextArea.js +19 -0
- package/lib-esm/components/forms/TextArea.js.map +1 -0
- package/lib-esm/components/forms/index.d.ts +2 -0
- package/lib-esm/components/forms/index.d.ts.map +1 -1
- package/lib-esm/components/forms/index.js +2 -0
- package/lib-esm/components/forms/index.js.map +1 -1
- package/lib-esm/components/forms/radio-group/ButtonRadioItem.d.ts +3 -0
- package/lib-esm/components/forms/radio-group/ButtonRadioItem.d.ts.map +1 -0
- package/lib-esm/components/forms/radio-group/ButtonRadioItem.js +50 -0
- package/lib-esm/components/forms/radio-group/ButtonRadioItem.js.map +1 -0
- package/lib-esm/components/forms/radio-group/ClassicRadioItem.d.ts +3 -0
- package/lib-esm/components/forms/radio-group/ClassicRadioItem.d.ts.map +1 -0
- package/lib-esm/components/forms/radio-group/ClassicRadioItem.js +66 -0
- package/lib-esm/components/forms/radio-group/ClassicRadioItem.js.map +1 -0
- package/lib-esm/components/forms/radio-group/RadioGroup.d.ts +18 -0
- package/lib-esm/components/forms/radio-group/RadioGroup.d.ts.map +1 -0
- package/lib-esm/components/forms/radio-group/RadioGroup.js +43 -0
- package/lib-esm/components/forms/radio-group/RadioGroup.js.map +1 -0
- package/lib-esm/components/forms/radio-group/index.d.ts +2 -0
- package/lib-esm/components/forms/radio-group/index.d.ts.map +1 -0
- package/lib-esm/components/forms/radio-group/index.js +2 -0
- package/lib-esm/components/forms/radio-group/index.js.map +1 -0
- package/lib-esm/components/forms/styles.d.ts +26 -0
- package/lib-esm/components/forms/styles.d.ts.map +1 -0
- package/lib-esm/components/forms/styles.js +75 -0
- package/lib-esm/components/forms/styles.js.map +1 -0
- package/lib-esm/components/forms/utils/SubText.d.ts +7 -0
- package/lib-esm/components/forms/utils/SubText.d.ts.map +1 -0
- package/lib-esm/components/forms/utils/SubText.js +17 -0
- package/lib-esm/components/forms/utils/SubText.js.map +1 -0
- package/lib-esm/components/forms/utils/index.d.ts +2 -0
- package/lib-esm/components/forms/utils/index.d.ts.map +1 -0
- package/lib-esm/components/forms/utils/index.js +2 -0
- package/lib-esm/components/forms/utils/index.js.map +1 -0
- package/lib-esm/components/header/PanelHeader.d.ts +10 -0
- package/lib-esm/components/header/PanelHeader.d.ts.map +1 -0
- package/lib-esm/components/header/PanelHeader.js +48 -0
- package/lib-esm/components/header/PanelHeader.js.map +1 -0
- package/lib-esm/components/header/index.d.ts +1 -0
- package/lib-esm/components/header/index.d.ts.map +1 -1
- package/lib-esm/components/header/index.js +1 -0
- package/lib-esm/components/header/index.js.map +1 -1
- package/lib-esm/components/hooks/useModifiedPopper.js.map +1 -1
- package/lib-esm/components/hooks/useOnOff.d.ts.map +1 -1
- package/lib-esm/components/hooks/useOnOff.js +1 -1
- package/lib-esm/components/hooks/useOnOff.js.map +1 -1
- package/lib-esm/components/index.d.ts +1 -0
- package/lib-esm/components/index.d.ts.map +1 -1
- package/lib-esm/components/index.js +1 -0
- package/lib-esm/components/index.js.map +1 -1
- package/lib-esm/components/info-panel/InfoPanel.d.ts +15 -0
- package/lib-esm/components/info-panel/InfoPanel.d.ts.map +1 -0
- package/lib-esm/components/info-panel/InfoPanel.js +91 -0
- package/lib-esm/components/info-panel/InfoPanel.js.map +1 -0
- package/lib-esm/components/info-panel/index.d.ts +2 -0
- package/lib-esm/components/info-panel/index.d.ts.map +1 -0
- package/lib-esm/components/info-panel/index.js +2 -0
- package/lib-esm/components/info-panel/index.js.map +1 -0
- package/lib-esm/components/layout-manager/LayoutManager.d.ts +2 -4
- package/lib-esm/components/layout-manager/LayoutManager.d.ts.map +1 -1
- package/lib-esm/components/layout-manager/LayoutManager.js.map +1 -1
- package/lib-esm/components/modal/ConfirmModal.d.ts.map +1 -1
- package/lib-esm/components/modal/ConfirmModal.js +9 -6
- package/lib-esm/components/modal/ConfirmModal.js.map +1 -1
- package/lib-esm/components/modal/Modal.d.ts +1 -1
- package/lib-esm/components/modal/Modal.d.ts.map +1 -1
- package/lib-esm/components/modal/Modal.js +6 -4
- package/lib-esm/components/modal/Modal.js.map +1 -1
- package/lib-esm/components/modal/useDialog.d.ts +11 -5
- package/lib-esm/components/modal/useDialog.d.ts.map +1 -1
- package/lib-esm/components/modal/useDialog.js +14 -4
- package/lib-esm/components/modal/useDialog.js.map +1 -1
- package/lib-esm/components/root-layout/css-reset/customPreflight.d.ts.map +1 -1
- package/lib-esm/components/root-layout/css-reset/customPreflight.js +15 -3
- package/lib-esm/components/root-layout/css-reset/customPreflight.js.map +1 -1
- package/lib-esm/components/root-layout/css-reset/preflight.d.ts +1 -1
- package/lib-esm/components/root-layout/css-reset/preflight.d.ts.map +1 -1
- package/lib-esm/components/root-layout/css-reset/preflight.js +14 -3
- package/lib-esm/components/root-layout/css-reset/preflight.js.map +1 -1
- package/lib-esm/components/split-pane/SplitPane.js +1 -1
- package/lib-esm/components/split-pane/SplitPane.js.map +1 -1
- package/lib-esm/components/table/Table.d.ts +2 -3
- package/lib-esm/components/table/Table.d.ts.map +1 -1
- package/lib-esm/components/table/Table.js +4 -4
- package/lib-esm/components/table/Table.js.map +1 -1
- package/lib-esm/components/toolbar/PanelPreferencesToolbar.d.ts +7 -0
- package/lib-esm/components/toolbar/PanelPreferencesToolbar.d.ts.map +1 -0
- package/lib-esm/components/toolbar/PanelPreferencesToolbar.js +23 -0
- package/lib-esm/components/toolbar/PanelPreferencesToolbar.js.map +1 -0
- package/lib-esm/components/toolbar/index.d.ts +1 -0
- package/lib-esm/components/toolbar/index.d.ts.map +1 -1
- package/lib-esm/components/toolbar/index.js +1 -0
- package/lib-esm/components/toolbar/index.js.map +1 -1
- package/lib-esm/components/value-renderers/Boolean.d.ts.map +1 -1
- package/lib-esm/components/value-renderers/Boolean.js +1 -1
- package/lib-esm/components/value-renderers/Boolean.js.map +1 -1
- package/package.json +45 -43
- package/src/app/explorer/MeasurementExplorer.tsx +34 -12
- package/src/app/explorer/MeasurementExplorerWithState.tsx +2 -2
- package/src/app/helpers/MeasurementPlot.tsx +44 -33
- package/src/app/helpers/react-plot.tsx +6 -4
- package/src/app/hooks/file-loading.ts +1 -1
- package/src/app/kinds/ir/IrPeaksPanel.tsx +1 -1
- package/src/app/kinds/mass/MassPlotView.tsx +2 -2
- package/src/app/kinds/mass/MeasurementMassPlot.tsx +57 -37
- package/src/app/panels/SignalProcessingPanel.tsx +1 -1
- package/src/app/panels/measurement-info/MeasurementInfoPanel.tsx +14 -84
- package/src/app-data/enhancers/enhance.ts +3 -3
- package/src/app-data/kinds/ir/irAutoPeakPickingEnhancer.ts +6 -6
- package/src/app-data/kinds/ir/irMeasurementEnhancer.ts +1 -1
- package/src/app-data/loaders/cdfLoader.ts +4 -5
- package/src/app-data/loaders/jcampLoader.ts +1 -1
- package/src/app-data/loaders/loadMeasurements.ts +1 -1
- package/src/app-data/loaders/wdfLoader.ts +3 -3
- package/src/app-data/state/data/data.helpers.ts +54 -21
- package/src/app-data/state/view/AppView.ts +1 -1
- package/src/components/accordion/Accordion.tsx +1 -1
- package/src/components/accordion/AccordionContext.tsx +3 -3
- package/src/components/color-picker/gradient-select/GradientSelect.tsx +2 -0
- package/src/components/color-picker/react-color/common/EditableInput.jsx +1 -1
- package/src/components/color-picker/react-color/sketch/SketchPresetColors.tsx +1 -1
- package/src/components/dropdown-menu/DropdownMenu.tsx +2 -0
- package/src/components/dropdown-menu/MenuItems.tsx +5 -1
- package/src/components/dropdown-menu/useContextMenuPlacement.ts +1 -1
- package/src/components/forms/Checkbox.tsx +2 -3
- package/src/components/forms/Input.tsx +14 -125
- package/src/components/forms/Select.tsx +1 -1
- package/src/components/forms/TextArea.tsx +45 -0
- package/src/components/forms/index.ts +2 -0
- package/src/components/forms/radio-group/ButtonRadioItem.tsx +77 -0
- package/src/components/forms/radio-group/ClassicRadioItem.tsx +95 -0
- package/src/components/forms/radio-group/RadioGroup.tsx +83 -0
- package/src/components/forms/radio-group/index.ts +1 -0
- package/src/components/forms/styles.ts +96 -0
- package/src/components/forms/utils/SubText.tsx +31 -0
- package/src/components/forms/utils/index.ts +1 -0
- package/src/components/header/PanelHeader.tsx +75 -0
- package/src/components/header/index.ts +1 -0
- package/src/components/hooks/useModifiedPopper.ts +1 -1
- package/src/components/hooks/useOnOff.ts +1 -2
- package/src/components/index.ts +1 -0
- package/src/components/info-panel/InfoPanel.tsx +150 -0
- package/src/components/info-panel/index.ts +1 -0
- package/src/components/layout-manager/LayoutManager.tsx +2 -4
- package/src/components/modal/ConfirmModal.tsx +41 -33
- package/src/components/modal/Modal.tsx +19 -15
- package/src/components/modal/useDialog.ts +36 -10
- package/src/components/root-layout/css-reset/customPreflight.ts +15 -3
- package/src/components/root-layout/css-reset/preflight.css +15 -3
- package/src/components/root-layout/css-reset/preflight.ts +14 -3
- package/src/components/split-pane/SplitPane.tsx +1 -1
- package/src/components/table/Table.tsx +5 -7
- package/src/components/toolbar/PanelPreferencesToolbar.tsx +46 -0
- package/src/components/toolbar/index.ts +1 -0
- package/src/components/value-renderers/Boolean.tsx +3 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PanelHeader.d.ts","sourceRoot":"","sources":["../../../src/components/header/PanelHeader.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAC;AA8BrD,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,eAAe,GAChB,EAAE,gBAAgB,oDA8BlB"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
2
|
+
/** @jsxImportSource @emotion/react */
|
|
3
|
+
import { css } from '@emotion/react';
|
|
4
|
+
import { useEffect, useRef } from 'react';
|
|
5
|
+
import { FaCog } from 'react-icons/fa';
|
|
6
|
+
import { Button } from '../button/Button';
|
|
7
|
+
const styles = {
|
|
8
|
+
container: css({
|
|
9
|
+
display: 'flex',
|
|
10
|
+
flexDirection: 'row',
|
|
11
|
+
alignItems: 'center',
|
|
12
|
+
justifyContent: 'space-between',
|
|
13
|
+
borderBottom: '0.55px solid rgb(240, 240, 240)',
|
|
14
|
+
}),
|
|
15
|
+
leftContainer: css({
|
|
16
|
+
display: 'flex',
|
|
17
|
+
flexDirection: 'row',
|
|
18
|
+
flex: 1,
|
|
19
|
+
'& > button': {
|
|
20
|
+
padding: '0 5px',
|
|
21
|
+
minWidth: 'auto',
|
|
22
|
+
},
|
|
23
|
+
}),
|
|
24
|
+
counterLabel: css({
|
|
25
|
+
margin: 0,
|
|
26
|
+
textAlign: 'right',
|
|
27
|
+
lineHeight: '22px',
|
|
28
|
+
whiteSpace: 'nowrap',
|
|
29
|
+
}),
|
|
30
|
+
};
|
|
31
|
+
export function PanelHeader({ total, current, children, onClickSettings, }) {
|
|
32
|
+
const labelRef = useRef(null);
|
|
33
|
+
useEffect(() => {
|
|
34
|
+
if (!labelRef.current)
|
|
35
|
+
return;
|
|
36
|
+
if (current !== undefined && total !== undefined) {
|
|
37
|
+
labelRef.current.textContent = `${current} / ${total}`;
|
|
38
|
+
}
|
|
39
|
+
else if (current !== undefined) {
|
|
40
|
+
labelRef.current.textContent = `[ ${current} ]`;
|
|
41
|
+
}
|
|
42
|
+
else if (total !== undefined) {
|
|
43
|
+
labelRef.current.textContent = `[ ${total} ]`;
|
|
44
|
+
}
|
|
45
|
+
}, [current, total]);
|
|
46
|
+
return (_jsxs("div", { css: styles.container, children: [_jsx("div", { css: styles.leftContainer, children: children }), _jsx("p", { ref: labelRef, css: styles.counterLabel }), onClickSettings && (_jsx(Button, { onClick: onClickSettings, color: { basic: 'black', hover: 'black' }, backgroundColor: { basic: 'white', hover: '#f7f7f7' }, children: _jsx(FaCog, {}) }))] }));
|
|
47
|
+
}
|
|
48
|
+
//# sourceMappingURL=PanelHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"PanelHeader.js","sourceRoot":"","sources":["../../../src/components/header/PanelHeader.tsx"],"names":[],"mappings":";AAAA,sCAAsC;AACtC,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AACrC,OAAO,EAAa,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,MAAM,GAAG;IACb,SAAS,EAAE,GAAG,CAAC;QACb,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,QAAQ;QACpB,cAAc,EAAE,eAAe;QAC/B,YAAY,EAAE,iCAAiC;KAChD,CAAC;IACF,aAAa,EAAE,GAAG,CAAC;QACjB,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,KAAK;QACpB,IAAI,EAAE,CAAC;QACP,YAAY,EAAE;YACZ,OAAO,EAAE,OAAO;YAChB,QAAQ,EAAE,MAAM;SACjB;KACF,CAAC;IACF,YAAY,EAAE,GAAG,CAAC;QAChB,MAAM,EAAE,CAAC;QACT,SAAS,EAAE,OAAO;QAClB,UAAU,EAAE,MAAM;QAClB,UAAU,EAAE,QAAQ;KACrB,CAAC;CACH,CAAC;AASF,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,eAAe,GACE;IACjB,MAAM,QAAQ,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAC;IAEpD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,CAAC,OAAO;YAAE,OAAO;QAE9B,IAAI,OAAO,KAAK,SAAS,IAAI,KAAK,KAAK,SAAS,EAAE;YAChD,QAAQ,CAAC,OAAO,CAAC,WAAW,GAAG,GAAG,OAAO,MAAM,KAAK,EAAE,CAAC;SACxD;aAAM,IAAI,OAAO,KAAK,SAAS,EAAE;YAChC,QAAQ,CAAC,OAAO,CAAC,WAAW,GAAG,KAAK,OAAO,IAAI,CAAC;SACjD;aAAM,IAAI,KAAK,KAAK,SAAS,EAAE;YAC9B,QAAQ,CAAC,OAAO,CAAC,WAAW,GAAG,KAAK,KAAK,IAAI,CAAC;SAC/C;IACH,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAErB,OAAO,CACL,eAAK,GAAG,EAAE,MAAM,CAAC,SAAS,aACxB,cAAK,GAAG,EAAE,MAAM,CAAC,aAAa,YAAG,QAAQ,GAAO,EAChD,YAAG,GAAG,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,CAAC,YAAY,GAAI,EAC7C,eAAe,IAAI,CAClB,KAAC,MAAM,IACL,OAAO,EAAE,eAAe,EACxB,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,EACzC,eAAe,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,YAErD,KAAC,KAAK,KAAG,GACF,CACV,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/header/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/header/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/header/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/header/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useModifiedPopper.js","sourceRoot":"","sources":["../../../src/components/hooks/useModifiedPopper.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAY,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,iBAAiB,GAA0B;IAC/C,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,aAAa;IACpB,QAAQ,EAAE,CAAC,eAAe,CAAC;IAC3B,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;QAChB,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;IACjE,CAAC;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;QACpB,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,GAClC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAC,KACnD,IAAI,CAAC;IACP,CAAC;CACF,CAAC;AAEF,SAAS,iBAAiB,CAAC,MAAc;IACvC,OAAO;QACL,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE;YACP,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC;SACpB;KACF,CAAC;AACJ,CAAC;AAWD,MAAM,UAAU,iBAAiB,CAG/B,OAID;IACC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC;IAEjD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAW,IAAI,CAAC,CAAC;IACzE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAW,IAAI,CAAC,CAAC;IAEnE,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"useModifiedPopper.js","sourceRoot":"","sources":["../../../src/components/hooks/useModifiedPopper.ts"],"names":[],"mappings":"AACA,OAAO,EAAkB,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAAY,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnD,MAAM,iBAAiB,GAA0B;IAC/C,IAAI,EAAE,WAAW;IACjB,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,aAAa;IACpB,QAAQ,EAAE,CAAC,eAAe,CAAC;IAC3B,EAAE,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;QAChB,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,GAAG,GAAG,KAAK,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;IACjE,CAAC;IACD,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE;QACpB,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,KAAK,GAAG,GAClC,KAAK,CAAC,QAAQ,CAAC,SAAS,CAAC,qBAAqB,EAAE,CAAC,KACnD,IAAI,CAAC;IACP,CAAC;CACF,CAAC;AAEF,SAAS,iBAAiB,CAAC,MAAc;IACvC,OAAO;QACL,IAAI,EAAE,QAAQ;QACd,OAAO,EAAE;YACP,MAAM,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC;SACpB;KACF,CAAC;AACJ,CAAC;AAWD,MAAM,UAAU,iBAAiB,CAG/B,OAID;IACC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,OAAO,CAAC;IAEjD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAW,IAAI,CAAC,CAAC;IACzE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAW,IAAI,CAAC,CAAC;IAEnE,MAAM,SAAS,GAA4C,EAAE,CAAC;IAE9D,IAAI,SAAS,EAAE;QACb,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,CAAC;KACnC;IAED,IAAI,MAAM,EAAE;QACV,SAAS,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC,CAAC,CAAC;KAC3C;IAED,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,SAAS,CAAC,gBAAgB,EAAE,aAAa,EAAE;QACxE,SAAS;QACT,QAAQ,EAAE,OAAO;QACjB,SAAS;KACV,CAAC,CAAC;IAEH,OAAO;QACL,mBAAmB;QACnB,gBAAgB;QAChB,WAAW,EAAE;YACX,KAAK,EAAE,MAAM,CAAC,MAAM;YACpB,GAAG,UAAU,CAAC,MAAM;SACrB;KACF,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useOnOff.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useOnOff.ts"],"names":[],"mappings":"AAEA,wBAAgB,QAAQ,CACtB,YAAY,UAAQ,GACnB,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,EAAE,MAAM,EAAE,MAAM,IAAI,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"useOnOff.d.ts","sourceRoot":"","sources":["../../../src/components/hooks/useOnOff.ts"],"names":[],"mappings":"AAEA,wBAAgB,QAAQ,CACtB,YAAY,UAAQ,GACnB,CAAC,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAAI,EAAE,MAAM,EAAE,MAAM,IAAI,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC,CAM5E"}
|
|
@@ -3,7 +3,7 @@ export function useOnOff(initialValue = false) {
|
|
|
3
3
|
const [isOn, setOnOff] = useState(initialValue);
|
|
4
4
|
const setOn = useCallback(() => setOnOff(true), []);
|
|
5
5
|
const setOff = useCallback(() => setOnOff(false), []);
|
|
6
|
-
const toggle = useCallback(() => setOnOff(!isOn), [
|
|
6
|
+
const toggle = useCallback(() => setOnOff((isOn) => !isOn), []);
|
|
7
7
|
return [isOn, setOn, setOff, toggle];
|
|
8
8
|
}
|
|
9
9
|
//# sourceMappingURL=useOnOff.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useOnOff.js","sourceRoot":"","sources":["../../../src/components/hooks/useOnOff.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE9C,MAAM,UAAU,QAAQ,CACtB,YAAY,GAAG,KAAK;IAEpB,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"useOnOff.js","sourceRoot":"","sources":["../../../src/components/hooks/useOnOff.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE9C,MAAM,UAAU,QAAQ,CACtB,YAAY,GAAG,KAAK;IAEpB,MAAM,CAAC,IAAI,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,YAAY,CAAC,CAAC;IAChD,MAAM,KAAK,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IACpD,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;IACtD,MAAM,MAAM,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC,CAAC;IAChE,OAAO,CAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;AACvC,CAAC"}
|
|
@@ -7,6 +7,7 @@ export * from './forms/index';
|
|
|
7
7
|
export * from './fullscreen/index';
|
|
8
8
|
export * from './header/index';
|
|
9
9
|
export * from './hooks/index';
|
|
10
|
+
export * from './info-panel/index';
|
|
10
11
|
export * from './layout-manager/index';
|
|
11
12
|
export * from './modal/index';
|
|
12
13
|
export * from './root-layout/index';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAC"}
|
|
@@ -7,6 +7,7 @@ export * from './forms/index';
|
|
|
7
7
|
export * from './fullscreen/index';
|
|
8
8
|
export * from './header/index';
|
|
9
9
|
export * from './hooks/index';
|
|
10
|
+
export * from './info-panel/index';
|
|
10
11
|
export * from './layout-manager/index';
|
|
11
12
|
export * from './modal/index';
|
|
12
13
|
export * from './root-layout/index';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,OAAO,KAAK,cAAc,MAAM,yBAAyB,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { CSSProperties } from 'react';
|
|
2
|
+
export interface InfoPanelData {
|
|
3
|
+
description: string;
|
|
4
|
+
data: Record<string, string | number | object | any>;
|
|
5
|
+
}
|
|
6
|
+
interface InfoPanelProps {
|
|
7
|
+
title?: string;
|
|
8
|
+
data?: InfoPanelData[];
|
|
9
|
+
titleStyle?: CSSProperties;
|
|
10
|
+
inputStyle?: CSSProperties;
|
|
11
|
+
tableStyle?: CSSProperties;
|
|
12
|
+
}
|
|
13
|
+
export declare function InfoPanel(props: InfoPanelProps): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=InfoPanel.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InfoPanel.d.ts","sourceRoot":"","sources":["../../../src/components/info-panel/InfoPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAY,MAAM,OAAO,CAAC;AAMhD,MAAM,WAAW,aAAa;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,CAAC;CACtD;AAED,UAAU,cAAc;IACtB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,aAAa,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAwBD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,oDAkE9C"}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "@emotion/react/jsx-runtime";
|
|
2
|
+
/** @jsxImportSource @emotion/react */
|
|
3
|
+
import { css } from '@emotion/react';
|
|
4
|
+
// eslint-disable-next-line @typescript-eslint/ban-ts-comment, @typescript-eslint/prefer-ts-expect-error
|
|
5
|
+
// @ts-ignore
|
|
6
|
+
import { Disclosure } from '@headlessui/react';
|
|
7
|
+
import { useState } from 'react';
|
|
8
|
+
import { FaChevronRight } from 'react-icons/fa';
|
|
9
|
+
import { Input, ValueRenderers } from '../index';
|
|
10
|
+
import { Table } from '../table/Table';
|
|
11
|
+
const style = {
|
|
12
|
+
container: css({
|
|
13
|
+
padding: '5px',
|
|
14
|
+
}),
|
|
15
|
+
chevron: (open) => css({
|
|
16
|
+
rotate: open ? '90deg' : '0deg',
|
|
17
|
+
transition: 'all 0.3s ease-in-out',
|
|
18
|
+
}),
|
|
19
|
+
button: css({
|
|
20
|
+
display: 'flex',
|
|
21
|
+
alignItems: 'center',
|
|
22
|
+
gap: 5,
|
|
23
|
+
padding: '5px 2px',
|
|
24
|
+
}),
|
|
25
|
+
table: css `
|
|
26
|
+
width: 100%;
|
|
27
|
+
td:first-of-type {
|
|
28
|
+
width: 30%;
|
|
29
|
+
}
|
|
30
|
+
`,
|
|
31
|
+
};
|
|
32
|
+
export function InfoPanel(props) {
|
|
33
|
+
const [search, setSearch] = useState('');
|
|
34
|
+
const { title = 'Information', data = [], titleStyle, inputStyle, tableStyle, } = props;
|
|
35
|
+
function viewData(data) {
|
|
36
|
+
return Object.keys(data)
|
|
37
|
+
.map((key) => {
|
|
38
|
+
const value = data[key];
|
|
39
|
+
if (!key.toLowerCase().includes(search.toLowerCase()) &&
|
|
40
|
+
!valueSearch(value, search)) {
|
|
41
|
+
return null;
|
|
42
|
+
}
|
|
43
|
+
return (_jsxs(Table.Row, { children: [_jsx(ValueRenderers.Text, { value: key }), valueCell(value)] }, key));
|
|
44
|
+
})
|
|
45
|
+
.filter((row) => row !== null);
|
|
46
|
+
}
|
|
47
|
+
return (_jsxs("div", { css: style.container, children: [_jsx("div", { style: titleStyle, children: title }), _jsx(Input, { placeholder: "search for a parameter ...", value: search, onChange: ({ target }) => {
|
|
48
|
+
if (target.value !== undefined)
|
|
49
|
+
setSearch(target.value);
|
|
50
|
+
}, style: inputStyle }), data.map(({ description, data }) => {
|
|
51
|
+
const content = viewData(data);
|
|
52
|
+
return content.length > 0 ? (_jsx(Disclosure, { defaultOpen: true, children: ({ open }) => (_jsxs(_Fragment, { children: [_jsxs(Disclosure.Button, { css: style.button, children: [_jsx(FaChevronRight, { css: style.chevron(open) }), description] }), _jsx(Disclosure.Panel, { children: _jsxs(Table, { css: style.table, style: tableStyle, children: [_jsxs(Table.Header, { children: [_jsx(ValueRenderers.Title, { value: "Parameter" }), _jsx(ValueRenderers.Title, { value: "Value" })] }), content] }) })] })) })) : null;
|
|
53
|
+
})] }));
|
|
54
|
+
}
|
|
55
|
+
/**
|
|
56
|
+
* Get the value cell depending on the type of the value
|
|
57
|
+
* @param value - ValueRenderers value.
|
|
58
|
+
* @returns - ValueRenderers component.
|
|
59
|
+
*/
|
|
60
|
+
function valueCell(value) {
|
|
61
|
+
switch (typeof value) {
|
|
62
|
+
case 'number':
|
|
63
|
+
return _jsx(ValueRenderers.Number, { value: value });
|
|
64
|
+
case 'object':
|
|
65
|
+
return _jsx(ValueRenderers.Object, { value: value });
|
|
66
|
+
case 'string':
|
|
67
|
+
return _jsx(ValueRenderers.Text, { value: value });
|
|
68
|
+
default:
|
|
69
|
+
_jsx(ValueRenderers.Text, { value: value });
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
/**
|
|
73
|
+
* Search a string in different type of values
|
|
74
|
+
*
|
|
75
|
+
* @param value - Value to search in.
|
|
76
|
+
* @param search - Value to search for.
|
|
77
|
+
* @returns - If search exist in value
|
|
78
|
+
*/
|
|
79
|
+
function valueSearch(value, search) {
|
|
80
|
+
switch (typeof value) {
|
|
81
|
+
case 'number':
|
|
82
|
+
return String(value).includes(search.toLowerCase());
|
|
83
|
+
case 'object':
|
|
84
|
+
return JSON.stringify(value).toLowerCase().includes(search.toLowerCase());
|
|
85
|
+
case 'string':
|
|
86
|
+
return value.toLowerCase().includes(search.toLowerCase());
|
|
87
|
+
default:
|
|
88
|
+
return false;
|
|
89
|
+
}
|
|
90
|
+
}
|
|
91
|
+
//# sourceMappingURL=InfoPanel.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"InfoPanel.js","sourceRoot":"","sources":["../../../src/components/info-panel/InfoPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/info-panel/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/info-panel/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
import { FunctionComponent, ComponentType } from 'react';
|
|
2
2
|
declare const layoutComponents: ComponentsMap;
|
|
3
|
-
|
|
4
|
-
[componentName: string]: ComponentType<any>;
|
|
5
|
-
}
|
|
3
|
+
type ComponentsMap = Record<string, ComponentType<any>>;
|
|
6
4
|
interface LayoutManagerProps {
|
|
7
5
|
layout: Layout;
|
|
8
6
|
components?: ComponentsMap;
|
|
@@ -12,7 +10,7 @@ export interface Layout {
|
|
|
12
10
|
}
|
|
13
11
|
interface LayoutComponent {
|
|
14
12
|
id: string;
|
|
15
|
-
component: keyof typeof layoutComponents | FunctionComponent
|
|
13
|
+
component: keyof typeof layoutComponents | FunctionComponent;
|
|
16
14
|
children?: LayoutComponent[];
|
|
17
15
|
}
|
|
18
16
|
export declare function LayoutManager(props: LayoutManagerProps): JSX.Element | null;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LayoutManager.d.ts","sourceRoot":"","sources":["../../../src/components/layout-manager/LayoutManager.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,iBAAiB,EACjB,aAAa,EAEd,MAAM,OAAO,CAAC;AAOf,QAAA,MAAM,gBAAgB,EAAE,aAKvB,CAAC;AAEF,
|
|
1
|
+
{"version":3,"file":"LayoutManager.d.ts","sourceRoot":"","sources":["../../../src/components/layout-manager/LayoutManager.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,iBAAiB,EACjB,aAAa,EAEd,MAAM,OAAO,CAAC;AAOf,QAAA,MAAM,gBAAgB,EAAE,aAKvB,CAAC;AAEF,KAAK,aAAa,GAAG,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC;AAExD,UAAU,kBAAkB;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,aAAa,CAAC;CAC5B;AAED,MAAM,WAAW,MAAM;IAErB,MAAM,EAAE,eAAe,GAAG,GAAG,CAAC;CAC/B;AACD,UAAU,eAAe;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,EAAE,MAAM,OAAO,gBAAgB,GAAG,iBAAiB,CAAC;IAC7D,QAAQ,CAAC,EAAE,eAAe,EAAE,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,sBAGtD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LayoutManager.js","sourceRoot":"","sources":["../../../src/components/layout-manager/LayoutManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,IAAI,IAAI,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EACL,aAAa,GAId,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,MAAM,gBAAgB,GAAkB;IACtC,SAAS;IACT,SAAS;IACT,KAAK;IACL,QAAQ;CACT,CAAC;
|
|
1
|
+
{"version":3,"file":"LayoutManager.js","sourceRoot":"","sources":["../../../src/components/layout-manager/LayoutManager.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,IAAI,IAAI,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EACL,aAAa,GAId,MAAM,OAAO,CAAC;AAEf,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAEpD,MAAM,gBAAgB,GAAkB;IACtC,SAAS;IACT,SAAS;IACT,KAAK;IACL,QAAQ;CACT,CAAC;AAmBF,MAAM,UAAU,aAAa,CAAC,KAAyB;IACrD,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IACrC,OAAO,YAAY,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AAC1C,CAAC;AAED,SAAS,qBAAqB,CAC5B,GAAoB,EACpB,UAA4C,EAC5C,KAAK,GAAG,EAAE;IAEV,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,GAAG,CAAC;IACtD,MAAM,WAAW,GAAG,EAAE,IAAI,IAAI,EAAE,CAAC;IACjC,MAAM,aAAa,GAAG,aAAa,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC;IAE3D,IAAI,aAAa,EAAE;QACjB,MAAM,cAAc,GAAG,EAAE,EAAE,EAAE,WAAW,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC;QACnE,MAAM,YAAY,GAChB,QAAQ,IAAI,OAAO,QAAQ,KAAK,QAAQ;YACtC,CAAC,CAAC,QAAQ;YACV,CAAC,CAAC,cAAc,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC;QAE3C,OAAO,aAAa,CAClB,aAAa;QACb,8DAA8D;QAC9D,cAAqB,EACrB,YAAY,CACb,CAAC;KACH;IACD,OAAO,IAAI,CAAC;AACd,CAAC;AAED,SAAS,YAAY,CACnB,MAAc,EACd,UAA4C;IAE5C,OAAO,qBAAqB,CAAC,MAAM,CAAC,MAAM,EAAE,UAAU,CAAC,CAAC;AAC1D,CAAC;AAED,SAAS,cAAc,CACrB,QAAuC,EACvC,UAA4C;IAE5C,OAAO,QAAQ,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CACnC,qBAAqB,CAAC,IAAI,EAAE,UAAU,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CACxD,CAAC;AACJ,CAAC;AAED,SAAS,aAAa,CACpB,SAAuC,EACvC,iBAAmD;IAEnD,IAAI,OAAO,SAAS,KAAK,UAAU;QAAE,OAAO,SAAS,CAAC;IAEtD,IAAI,OAAO,SAAS,KAAK,QAAQ,EAAE;QACjC,IAAI,iBAAiB,EAAE,CAAC,SAAS,CAAC;YAAE,OAAO,iBAAiB,CAAC,SAAS,CAAC,CAAC;QACxE,IAAI,gBAAgB,CAAC,SAAS,CAAC;YAAE,OAAO,gBAAgB,CAAC,SAAS,CAAC,CAAC;KACrE;IAED,OAAO,IAAI,CAAC;AACd,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmModal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ConfirmModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,UAAU,iBAAiB;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;
|
|
1
|
+
{"version":3,"file":"ConfirmModal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/ConfirmModal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASvC,UAAU,iBAAiB;IACzB,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AA4CD,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,kDA+EpD"}
|
|
@@ -18,16 +18,19 @@ const ConfirmModalContents = styled.div `
|
|
|
18
18
|
flex-direction: column;
|
|
19
19
|
background-color: white;
|
|
20
20
|
width: 100%;
|
|
21
|
-
border-width: 1px;
|
|
22
|
-
border-color: transparent;
|
|
23
21
|
border-radius: 0.5rem;
|
|
24
|
-
box-shadow:
|
|
22
|
+
box-shadow:
|
|
23
|
+
0 0 0 0,
|
|
24
|
+
0 0px 16px rgba(0, 0, 0, 0.3);
|
|
25
25
|
border-top: 10px solid ${({ headerColor }) => headerColor};
|
|
26
26
|
`;
|
|
27
27
|
const ConfirmModalChildrenRoot = styled.div `
|
|
28
28
|
color: ${({ headerColor }) => headerColor};
|
|
29
29
|
display: flex;
|
|
30
30
|
flex: 1 1 0%;
|
|
31
|
+
font-weight: bold;
|
|
32
|
+
padding: 20px;
|
|
33
|
+
font-size: 14px;
|
|
31
34
|
`;
|
|
32
35
|
const ConfirmModalFooter = styled.div `
|
|
33
36
|
border-top: 2px solid rgb(247, 247, 247);
|
|
@@ -39,7 +42,7 @@ const ConfirmModalFooter = styled.div `
|
|
|
39
42
|
export function ConfirmModal(props) {
|
|
40
43
|
const { isOpen, saveText = 'Save', cancelText = 'Cancel', headerColor, maxWidth, onRequestClose, onCancel = onRequestClose, onConfirm, requestCloseOnBackdrop = true, requestCloseOnEsc = true, children, } = props;
|
|
41
44
|
const dialogRef = useRef(null);
|
|
42
|
-
const dialogProps = useDialog({
|
|
45
|
+
const { dialogProps, isModalShown } = useDialog({
|
|
43
46
|
dialogRef,
|
|
44
47
|
isOpen,
|
|
45
48
|
requestCloseOnEsc,
|
|
@@ -54,12 +57,12 @@ export function ConfirmModal(props) {
|
|
|
54
57
|
if (!isOpen) {
|
|
55
58
|
return null;
|
|
56
59
|
}
|
|
57
|
-
return (_jsx(Portal, { children: _jsx(ConfirmModalDialog, { ...dialogProps, ref: dialogRef, children: _jsx(RootLayoutProvider, { innerRef: portalDomNode, children: _jsxs(ConfirmModalContents, { headerColor: headerColor, style: { maxWidth }, children: [_jsx(ConfirmModalChildrenRoot, { headerColor: headerColor, children: children }), _jsxs(ConfirmModalFooter, { children: [_jsx(Button, { onClick: onConfirm, backgroundColor: {
|
|
60
|
+
return (_jsx(Portal, { children: _jsx(ConfirmModalDialog, { ...dialogProps, ref: dialogRef, children: isModalShown && (_jsx(RootLayoutProvider, { innerRef: portalDomNode, children: _jsxs(ConfirmModalContents, { headerColor: headerColor, style: { maxWidth }, children: [_jsx(ConfirmModalChildrenRoot, { headerColor: headerColor, children: children }), _jsxs(ConfirmModalFooter, { children: [_jsx(Button, { onClick: onConfirm, backgroundColor: {
|
|
58
61
|
basic: 'hsla(243deg, 75%, 58%, 1)',
|
|
59
62
|
hover: 'hsla(245deg, 58%, 50%, 1)',
|
|
60
63
|
}, color: { basic: 'white' }, children: saveText }), _jsx(Button, { onClick: onCancel, backgroundColor: {
|
|
61
64
|
basic: 'hsla(0deg, 72%, 50%, 1)',
|
|
62
65
|
hover: 'hsla(0deg, 73%, 42%, 1)',
|
|
63
|
-
}, color: { basic: 'white' }, children: cancelText })] })] }) }) }) }));
|
|
66
|
+
}, color: { basic: 'white' }, children: cancelText })] })] }) })) }) }));
|
|
64
67
|
}
|
|
65
68
|
//# sourceMappingURL=ConfirmModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ConfirmModal.js","sourceRoot":"","sources":["../../../src/components/modal/ConfirmModal.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAEtE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAgBxC,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;CAMvC,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAErC;;;;;;;;;;2BAUyB,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW;CAC1D,CAAC;AAEF,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAyB;WACzD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW
|
|
1
|
+
{"version":3,"file":"ConfirmModal.js","sourceRoot":"","sources":["../../../src/components/modal/ConfirmModal.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,MAAM,EAAE,MAAM,IAAI,CAAC;AAC5B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAEtE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAgBxC,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;CAMvC,CAAC;AAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,GAAG,CAErC;;;;;;;;;;2BAUyB,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW;CAC1D,CAAC;AAEF,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAyB;WACzD,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,WAAW;;;;;;CAM1C,CAAC;AAEF,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMpC,CAAC;AAIF,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EACJ,MAAM,EACN,QAAQ,GAAG,MAAM,EACjB,UAAU,GAAG,QAAQ,EACrB,WAAW,EACX,QAAQ,EACR,cAAc,EACd,QAAQ,GAAG,cAAc,EACzB,SAAS,EACT,sBAAsB,GAAG,IAAI,EAC7B,iBAAiB,GAAG,IAAI,EACxB,QAAQ,GACT,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC;QAC9C,SAAS;QACT,MAAM;QACN,iBAAiB;QACjB,sBAAsB;QACtB,cAAc;KACf,CAAC,CAAC;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GACrC,QAAQ,CAAyB,IAAI,CAAC,CAAC;IACzC,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,IAA4B,EAAE,EAAE;QACrE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,mBAAmB,CACjB,iBAAiB,EACjB,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CACxB,CAAC;IAEF,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,KAAC,MAAM,cACL,KAAC,kBAAkB,OAAK,WAAW,EAAE,GAAG,EAAE,SAAS,YAChD,YAAY,IAAI,CACf,KAAC,kBAAkB,IAAC,QAAQ,EAAE,aAAa,YACzC,MAAC,oBAAoB,IACnB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,EAAE,QAAQ,EAAE,aAEnB,KAAC,wBAAwB,IAAC,WAAW,EAAE,WAAW,YAC/C,QAAQ,GACgB,EAE3B,MAAC,kBAAkB,eACjB,KAAC,MAAM,IACL,OAAO,EAAE,SAAS,EAClB,eAAe,EAAE;wCACf,KAAK,EAAE,2BAA2B;wCAClC,KAAK,EAAE,2BAA2B;qCACnC,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAExB,QAAQ,GACF,EACT,KAAC,MAAM,IACL,OAAO,EAAE,QAAQ,EACjB,eAAe,EAAE;wCACf,KAAK,EAAE,yBAAyB;wCAChC,KAAK,EAAE,yBAAyB;qCACjC,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,YAExB,UAAU,GACJ,IACU,IACA,GACJ,CACtB,GACkB,GACd,CACV,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASrD,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,YAAY,GAAG,
|
|
1
|
+
{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASrD,MAAM,WAAW,UAAU;IACzB,QAAQ,EAAE,YAAY,GAAG,YAAY,EAAE,CAAC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;IAC5B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AA4CD,wBAAgB,KAAK,CAAC,KAAK,EAAE,UAAU,kDAwDtC;yBAxDe,KAAK"}
|
|
@@ -20,7 +20,9 @@ const DialogContents = styled.div `
|
|
|
20
20
|
border-width: 1px;
|
|
21
21
|
border-color: transparent;
|
|
22
22
|
border-radius: 0.5rem;
|
|
23
|
-
box-shadow:
|
|
23
|
+
box-shadow:
|
|
24
|
+
0 0 0 0,
|
|
25
|
+
0 0px 16px rgba(0, 0, 0, 0.3);
|
|
24
26
|
`;
|
|
25
27
|
const ModalHeaderStyled = styled.div `
|
|
26
28
|
display: flex;
|
|
@@ -41,7 +43,7 @@ const ModalFooterStyled = styled.div `
|
|
|
41
43
|
export function Modal(props) {
|
|
42
44
|
const { isOpen, onRequestClose, hasCloseButton = true, requestCloseOnBackdrop = true, requestCloseOnEsc = true, children, width, maxWidth, height, } = props;
|
|
43
45
|
const dialogRef = useRef(null);
|
|
44
|
-
const dialogProps = useDialog({
|
|
46
|
+
const { dialogProps, isModalShown } = useDialog({
|
|
45
47
|
dialogRef,
|
|
46
48
|
isOpen,
|
|
47
49
|
requestCloseOnEsc,
|
|
@@ -56,11 +58,11 @@ export function Modal(props) {
|
|
|
56
58
|
if (!isOpen) {
|
|
57
59
|
return null;
|
|
58
60
|
}
|
|
59
|
-
return (_jsx(Portal, { children: _jsx(DialogRoot, { ...dialogProps, ref: dialogRef, children: _jsx(RootLayoutProvider, { innerRef: portalDomNode, children: _jsxs(DialogContents, { style: {
|
|
61
|
+
return (_jsx(Portal, { children: _jsx(DialogRoot, { ...dialogProps, ref: dialogRef, children: isModalShown && (_jsx(RootLayoutProvider, { innerRef: portalDomNode, children: _jsxs(DialogContents, { style: {
|
|
60
62
|
maxWidth,
|
|
61
63
|
height: height || 'max-content',
|
|
62
64
|
width: width || '100%',
|
|
63
|
-
}, children: [children, hasCloseButton && _jsx(ModalCloseButton, { onClick: onRequestClose })] }) }) }) }));
|
|
65
|
+
}, children: [children, hasCloseButton && _jsx(ModalCloseButton, { onClick: onRequestClose })] }) })) }) }));
|
|
64
66
|
}
|
|
65
67
|
Modal.Header = function ModalHeader(props) {
|
|
66
68
|
return _jsx(ModalHeaderStyled, { children: props.children });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAEtE,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAcxC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;CAM/B,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/components/modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,kCAAkC,CAAC;AAEtE,OAAO,gBAAgB,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAcxC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;CAM/B,CAAC;AAEF,MAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;CAWhC,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMnC,CAAC;AAEF,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;CAIjC,CAAC;AAEF,MAAM,iBAAiB,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGnC,CAAC;AAIF,MAAM,UAAU,KAAK,CAAC,KAAiB;IACrC,MAAM,EACJ,MAAM,EACN,cAAc,EACd,cAAc,GAAG,IAAI,EACrB,sBAAsB,GAAG,IAAI,EAC7B,iBAAiB,GAAG,IAAI,EACxB,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,MAAM,GACP,GAAG,KAAK,CAAC;IAEV,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAC;IAClD,MAAM,EAAE,WAAW,EAAE,YAAY,EAAE,GAAG,SAAS,CAAC;QAC9C,SAAS;QACT,MAAM;QACN,iBAAiB;QACjB,sBAAsB;QACtB,cAAc;KACf,CAAC,CAAC;IACH,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GACrC,QAAQ,CAAyB,IAAI,CAAC,CAAC;IACzC,MAAM,iBAAiB,GAAG,WAAW,CAAC,CAAC,IAA4B,EAAE,EAAE;QACrE,gBAAgB,CAAC,IAAI,CAAC,CAAC;IACzB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,mBAAmB,CACjB,iBAAiB,EACjB,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CACxB,CAAC;IAEF,IAAI,CAAC,MAAM,EAAE;QACX,OAAO,IAAI,CAAC;KACb;IAED,OAAO,CACL,KAAC,MAAM,cACL,KAAC,UAAU,OAAK,WAAW,EAAE,GAAG,EAAE,SAAS,YACxC,YAAY,IAAI,CACf,KAAC,kBAAkB,IAAC,QAAQ,EAAE,aAAa,YACzC,MAAC,cAAc,IACb,KAAK,EAAE;wBACL,QAAQ;wBACR,MAAM,EAAE,MAAM,IAAI,aAAa;wBAC/B,KAAK,EAAE,KAAK,IAAI,MAAM;qBACvB,aAEA,QAAQ,EACR,cAAc,IAAI,KAAC,gBAAgB,IAAC,OAAO,EAAE,cAAc,GAAI,IACjD,GACE,CACtB,GACU,GACN,CACV,CAAC;AACJ,CAAC;AAED,KAAK,CAAC,MAAM,GAAG,SAAS,WAAW,CAAC,KAA8B;IAChE,OAAO,KAAC,iBAAiB,cAAE,KAAK,CAAC,QAAQ,GAAqB,CAAC;AACjE,CAAC,CAAC;AAEF,KAAK,CAAC,IAAI,GAAG,SAAS,SAAS,CAAC,KAA8B;IAC5D,OAAO,KAAC,eAAe,cAAE,KAAK,CAAC,QAAQ,GAAmB,CAAC;AAC7D,CAAC,CAAC;AAEF,KAAK,CAAC,MAAM,GAAG,SAAS,WAAW,CAAC,KAA8B;IAChE,OAAO,KAAC,iBAAiB,cAAE,KAAK,CAAC,QAAQ,GAAqB,CAAC;AACjE,CAAC,CAAC"}
|
|
@@ -1,12 +1,18 @@
|
|
|
1
1
|
import { MouseEventHandler, ReactEventHandler, RefObject } from 'react';
|
|
2
|
-
|
|
2
|
+
interface UseDialogOptions {
|
|
3
3
|
dialogRef: RefObject<HTMLDialogElement>;
|
|
4
4
|
isOpen: boolean;
|
|
5
5
|
requestCloseOnEsc: boolean;
|
|
6
6
|
requestCloseOnBackdrop: boolean;
|
|
7
7
|
onRequestClose?: () => void;
|
|
8
|
-
}
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
8
|
+
}
|
|
9
|
+
interface UseDialogReturn {
|
|
10
|
+
dialogProps: {
|
|
11
|
+
onClick: MouseEventHandler<HTMLDialogElement>;
|
|
12
|
+
onCancel: ReactEventHandler<HTMLDialogElement>;
|
|
13
|
+
};
|
|
14
|
+
isModalShown: boolean;
|
|
15
|
+
}
|
|
16
|
+
export declare function useDialog({ dialogRef, isOpen, requestCloseOnEsc, requestCloseOnBackdrop, onRequestClose, }: UseDialogOptions): UseDialogReturn;
|
|
17
|
+
export {};
|
|
12
18
|
//# sourceMappingURL=useDialog.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDialog.d.ts","sourceRoot":"","sources":["../../../src/components/modal/useDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,SAAS,
|
|
1
|
+
{"version":3,"file":"useDialog.d.ts","sourceRoot":"","sources":["../../../src/components/modal/useDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,iBAAiB,EACjB,SAAS,EAIV,MAAM,OAAO,CAAC;AAKf,UAAU,gBAAgB;IACxB,SAAS,EAAE,SAAS,CAAC,iBAAiB,CAAC,CAAC;IACxC,MAAM,EAAE,OAAO,CAAC;IAChB,iBAAiB,EAAE,OAAO,CAAC;IAC3B,sBAAsB,EAAE,OAAO,CAAC;IAChC,cAAc,CAAC,EAAE,MAAM,IAAI,CAAC;CAC7B;AAED,UAAU,eAAe;IACvB,WAAW,EAAE;QACX,OAAO,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;QAC9C,QAAQ,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,CAAC;KAChD,CAAC;IACF,YAAY,EAAE,OAAO,CAAC;CACvB;AAED,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,MAAM,EACN,iBAAiB,EACjB,sBAAsB,EACtB,cAAc,GACf,EAAE,gBAAgB,GAAG,eAAe,CA4DpC"}
|
|
@@ -1,14 +1,20 @@
|
|
|
1
|
-
import { useCallback, useEffect, } from 'react';
|
|
1
|
+
import { useCallback, useEffect, useMemo, } from 'react';
|
|
2
2
|
import { useKbsDisableGlobal } from 'react-kbs';
|
|
3
|
+
import { useOnOff } from '../index';
|
|
3
4
|
export function useDialog({ dialogRef, isOpen, requestCloseOnEsc, requestCloseOnBackdrop, onRequestClose, }) {
|
|
4
5
|
useKbsDisableGlobal(isOpen);
|
|
6
|
+
const [isModalShown, showModal, hideModal] = useOnOff(false);
|
|
5
7
|
useEffect(() => {
|
|
6
8
|
const dialog = dialogRef.current;
|
|
7
9
|
if (dialog && isOpen) {
|
|
10
|
+
showModal();
|
|
8
11
|
dialog.showModal();
|
|
9
|
-
return () =>
|
|
12
|
+
return () => {
|
|
13
|
+
hideModal();
|
|
14
|
+
dialog.close();
|
|
15
|
+
};
|
|
10
16
|
}
|
|
11
|
-
}, [dialogRef, isOpen]);
|
|
17
|
+
}, [dialogRef, isOpen, showModal, hideModal]);
|
|
12
18
|
const onCancel = useCallback((event) => {
|
|
13
19
|
event.preventDefault();
|
|
14
20
|
if (requestCloseOnEsc && onRequestClose) {
|
|
@@ -33,6 +39,10 @@ export function useDialog({ dialogRef, isOpen, requestCloseOnEsc, requestCloseOn
|
|
|
33
39
|
onRequestClose?.();
|
|
34
40
|
}
|
|
35
41
|
}, [dialogRef, requestCloseOnBackdrop, onRequestClose]);
|
|
36
|
-
|
|
42
|
+
const dialogProps = useMemo(() => ({ onClick, onCancel }), [onClick, onCancel]);
|
|
43
|
+
return {
|
|
44
|
+
dialogProps,
|
|
45
|
+
isModalShown,
|
|
46
|
+
};
|
|
37
47
|
}
|
|
38
48
|
//# sourceMappingURL=useDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useDialog.js","sourceRoot":"","sources":["../../../src/components/modal/useDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,WAAW,EACX,SAAS,
|
|
1
|
+
{"version":3,"file":"useDialog.js","sourceRoot":"","sources":["../../../src/components/modal/useDialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,WAAW,EACX,SAAS,EACT,OAAO,GACR,MAAM,OAAO,CAAC;AACf,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAEhD,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAkBpC,MAAM,UAAU,SAAS,CAAC,EACxB,SAAS,EACT,MAAM,EACN,iBAAiB,EACjB,sBAAsB,EACtB,cAAc,GACG;IACjB,mBAAmB,CAAC,MAAM,CAAC,CAAC;IAC5B,MAAM,CAAC,YAAY,EAAE,SAAS,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE7D,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,MAAM,IAAI,MAAM,EAAE;YACpB,SAAS,EAAE,CAAC;YACZ,MAAM,CAAC,SAAS,EAAE,CAAC;YACnB,OAAO,GAAG,EAAE;gBACV,SAAS,EAAE,CAAC;gBACZ,MAAM,CAAC,KAAK,EAAE,CAAC;YACjB,CAAC,CAAC;SACH;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC;IAE9C,MAAM,QAAQ,GAAG,WAAW,CAC1B,CAAC,KAAK,EAAE,EAAE;QACR,KAAK,CAAC,cAAc,EAAE,CAAC;QACvB,IAAI,iBAAiB,IAAI,cAAc,EAAE;YACvC,cAAc,EAAE,CAAC;SAClB;IACH,CAAC,EACD,CAAC,cAAc,EAAE,iBAAiB,CAAC,CACpC,CAAC;IAEF,MAAM,OAAO,GAAG,WAAW,CACzB,CAAC,KAAK,EAAE,EAAE;QACR,MAAM,MAAM,GAAG,SAAS,CAAC,OAAO,CAAC;QACjC,IAAI,CAAC,MAAM,EAAE;YACX,OAAO;SACR;QAED,qHAAqH;QACrH,MAAM,IAAI,GAAG,MAAM,CAAC,qBAAqB,EAAE,CAAC;QAC5C,MAAM,UAAU,GACd,IAAI,CAAC,GAAG,IAAI,KAAK,CAAC,OAAO;YACzB,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,MAAM;YACvC,IAAI,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO;YAC1B,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC,KAAK,CAAC;QAE1C,KAAK,CAAC,eAAe,EAAE,CAAC;QACxB,iEAAiE;QACjE,wCAAwC;QACxC,IAAI,CAAC,UAAU,IAAI,sBAAsB,EAAE;YACzC,cAAc,EAAE,EAAE,CAAC;SACpB;IACH,CAAC,EACD,CAAC,SAAS,EAAE,sBAAsB,EAAE,cAAc,CAAC,CACpD,CAAC;IAEF,MAAM,WAAW,GAAG,OAAO,CACzB,GAAG,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,CAAC,EAC7B,CAAC,OAAO,EAAE,QAAQ,CAAC,CACpB,CAAC;IAEF,OAAO;QACL,WAAW;QACX,YAAY;KACb,CAAC;AACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"customPreflight.d.ts","sourceRoot":"","sources":["../../../../src/components/root-layout/css-reset/customPreflight.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,kBAAkB;;;
|
|
1
|
+
{"version":3,"file":"customPreflight.d.ts","sourceRoot":"","sources":["../../../../src/components/root-layout/css-reset/customPreflight.ts"],"names":[],"mappings":";AAGA,eAAO,MAAM,kBAAkB;;;yGAwB9B,CAAC"}
|
|
@@ -5,9 +5,21 @@ export const CustomDivPreflight = styled.div `
|
|
|
5
5
|
line-height: 1.5;
|
|
6
6
|
-webkit-text-size-adjust: 100%;
|
|
7
7
|
tab-size: 4;
|
|
8
|
-
font-family:
|
|
9
|
-
|
|
10
|
-
|
|
8
|
+
font-family:
|
|
9
|
+
ui-sans-serif,
|
|
10
|
+
system-ui,
|
|
11
|
+
-apple-system,
|
|
12
|
+
BlinkMacSystemFont,
|
|
13
|
+
'Segoe UI',
|
|
14
|
+
Roboto,
|
|
15
|
+
'Helvetica Neue',
|
|
16
|
+
Arial,
|
|
17
|
+
'Noto Sans',
|
|
18
|
+
sans-serif,
|
|
19
|
+
'Apple Color Emoji',
|
|
20
|
+
'Segoe UI Emoji',
|
|
21
|
+
'Segoe UI Symbol',
|
|
22
|
+
'Noto Color Emoji';
|
|
11
23
|
|
|
12
24
|
width: 100%;
|
|
13
25
|
height: 100%;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"customPreflight.js","sourceRoot":"","sources":["../../../../src/components/root-layout/css-reset/customPreflight.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,qFAAqF;AACrF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"customPreflight.js","sourceRoot":"","sources":["../../../../src/components/root-layout/css-reset/customPreflight.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AAErC,qFAAqF;AACrF,MAAM,CAAC,MAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;CAwB3C,CAAC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const preflight: import("@emotion/
|
|
1
|
+
export declare const preflight: import("@emotion/react").SerializedStyles;
|
|
2
2
|
//# sourceMappingURL=preflight.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preflight.d.ts","sourceRoot":"","sources":["../../../../src/components/root-layout/css-reset/preflight.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"preflight.d.ts","sourceRoot":"","sources":["../../../../src/components/root-layout/css-reset/preflight.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,2CA2ZrB,CAAC"}
|
|
@@ -66,9 +66,20 @@ SOFTWARE.
|
|
|
66
66
|
-webkit-text-size-adjust: 100%; /* 2 */
|
|
67
67
|
-moz-tab-size: 4; /* 3 */
|
|
68
68
|
tab-size: 4; /* 3 */
|
|
69
|
-
font-family:
|
|
70
|
-
|
|
71
|
-
|
|
69
|
+
font-family:
|
|
70
|
+
ui-sans-serif,
|
|
71
|
+
system-ui,
|
|
72
|
+
-apple-system,
|
|
73
|
+
BlinkMacSystemFont,
|
|
74
|
+
'Segoe UI',
|
|
75
|
+
Roboto,
|
|
76
|
+
'Helvetica Neue',
|
|
77
|
+
Arial,
|
|
78
|
+
'Noto Sans',
|
|
79
|
+
sans-serif,
|
|
80
|
+
'Apple Color Emoji',
|
|
81
|
+
'Segoe UI Emoji',
|
|
82
|
+
'Segoe UI Symbol',
|
|
72
83
|
'Noto Color Emoji'; /* 4 */
|
|
73
84
|
}
|
|
74
85
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preflight.js","sourceRoot":"","sources":["../../../../src/components/root-layout/css-reset/preflight.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAErC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"preflight.js","sourceRoot":"","sources":["../../../../src/components/root-layout/css-reset/preflight.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAC;AAErC,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2Z3B,CAAC"}
|