@imposium-hub/components 2.13.6 → 2.13.8-0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/advanced-number-field/AdvancedNumberField.d.ts +9 -0
- package/dist/cjs/components/advanced-number-field/AdvancedNumberField.js +2 -2
- package/dist/cjs/components/advanced-number-field/AdvancedNumberField.js.map +1 -1
- package/dist/cjs/components/button-group-field/ButtonGroupField.d.ts +9 -0
- package/dist/cjs/components/button-group-field/ButtonGroupField.js +38 -20
- package/dist/cjs/components/button-group-field/ButtonGroupField.js.map +1 -1
- package/dist/cjs/components/checkbox-field/CheckboxField.d.ts +8 -0
- package/dist/cjs/components/checkbox-field/CheckboxField.js +2 -2
- package/dist/cjs/components/checkbox-field/CheckboxField.js.map +1 -1
- package/dist/cjs/components/color-field/ColorField.d.ts +8 -0
- package/dist/cjs/components/color-field/ColorField.js +2 -2
- package/dist/cjs/components/color-field/ColorField.js.map +1 -1
- package/dist/cjs/components/config-variable-button/ConfigVariableButton.d.ts +43 -0
- package/dist/cjs/components/config-variable-button/ConfigVariableButton.js +106 -0
- package/dist/cjs/components/config-variable-button/ConfigVariableButton.js.map +1 -0
- package/dist/cjs/components/controlled-list/ControlledList.d.ts +6 -2
- package/dist/cjs/components/controlled-list/ControlledList.js +22 -6
- package/dist/cjs/components/controlled-list/ControlledList.js.map +1 -1
- package/dist/cjs/components/data-table/Paginator.js +1 -1
- package/dist/cjs/components/data-table/Paginator.js.map +1 -1
- package/dist/cjs/components/dropdown/dropdown.stories.js +1 -1
- package/dist/cjs/components/dropdown/dropdown.stories.js.map +1 -1
- package/dist/cjs/components/field-wrapper/FieldWrapper.d.ts +11 -0
- package/dist/cjs/components/field-wrapper/FieldWrapper.js +25 -6
- package/dist/cjs/components/field-wrapper/FieldWrapper.js.map +1 -1
- package/dist/cjs/components/font-field/FontField.d.ts +20 -0
- package/dist/cjs/components/font-field/FontField.js +47 -0
- package/dist/cjs/components/font-field/FontField.js.map +1 -0
- package/dist/cjs/components/icon-toggle/IconToggle.d.ts +16 -0
- package/dist/cjs/components/icon-toggle/IconToggle.js +24 -0
- package/dist/cjs/components/icon-toggle/IconToggle.js.map +1 -0
- package/dist/cjs/components/number-field/NumberField.d.ts +9 -0
- package/dist/cjs/components/number-field/NumberField.js +2 -5
- package/dist/cjs/components/number-field/NumberField.js.map +1 -1
- package/dist/cjs/components/select-field/SelectField.d.ts +8 -0
- package/dist/cjs/components/select-field/SelectField.js +2 -2
- package/dist/cjs/components/select-field/SelectField.js.map +1 -1
- package/dist/cjs/components/slider-field/SliderField.d.ts +9 -0
- package/dist/cjs/components/slider-field/SliderField.js +2 -2
- package/dist/cjs/components/slider-field/SliderField.js.map +1 -1
- package/dist/cjs/components/text-area-autocomplete/TextAreaAutocomplete.d.ts +19 -0
- package/dist/cjs/components/text-area-autocomplete/TextAreaAutocomplete.js +27 -0
- package/dist/cjs/components/text-area-autocomplete/TextAreaAutocomplete.js.map +1 -0
- package/dist/cjs/components/variables-dropdown/VariableDropdown.d.ts +12 -0
- package/dist/cjs/components/variables-dropdown/VariableDropdown.js +66 -0
- package/dist/cjs/components/variables-dropdown/VariableDropdown.js.map +1 -0
- package/dist/cjs/constants/copy.d.ts +3 -0
- package/dist/cjs/constants/copy.js +4 -1
- package/dist/cjs/constants/copy.js.map +1 -1
- package/dist/cjs/constants/fonts.d.ts +6 -0
- package/dist/cjs/constants/fonts.js +300 -0
- package/dist/cjs/constants/fonts.js.map +1 -0
- package/dist/cjs/constants/icons.d.ts +2 -0
- package/dist/cjs/constants/icons.js +3 -1
- package/dist/cjs/constants/icons.js.map +1 -1
- package/dist/cjs/constants/variables.d.ts +4 -0
- package/dist/cjs/constants/variables.js +13 -1
- package/dist/cjs/constants/variables.js.map +1 -1
- package/dist/cjs/index.d.ts +6 -2
- package/dist/cjs/index.js +9 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/interfaces/field.d.ts +0 -0
- package/dist/cjs/interfaces/field.js +1 -0
- package/dist/cjs/interfaces/field.js.map +1 -0
- package/dist/cjs/utils/override.d.ts +11 -0
- package/dist/cjs/utils/override.js +15 -0
- package/dist/cjs/utils/override.js.map +1 -0
- package/dist/esm/components/advanced-number-field/AdvancedNumberField.d.ts +9 -0
- package/dist/esm/components/advanced-number-field/AdvancedNumberField.js +2 -2
- package/dist/esm/components/advanced-number-field/AdvancedNumberField.js.map +1 -1
- package/dist/esm/components/button-group-field/ButtonGroupField.d.ts +9 -0
- package/dist/esm/components/button-group-field/ButtonGroupField.js +38 -20
- package/dist/esm/components/button-group-field/ButtonGroupField.js.map +1 -1
- package/dist/esm/components/checkbox-field/CheckboxField.d.ts +8 -0
- package/dist/esm/components/checkbox-field/CheckboxField.js +2 -2
- package/dist/esm/components/checkbox-field/CheckboxField.js.map +1 -1
- package/dist/esm/components/color-field/ColorField.d.ts +8 -0
- package/dist/esm/components/color-field/ColorField.js +2 -2
- package/dist/esm/components/color-field/ColorField.js.map +1 -1
- package/dist/esm/components/config-variable-button/ConfigVariableButton.d.ts +43 -0
- package/dist/esm/components/config-variable-button/ConfigVariableButton.js +49 -0
- package/dist/esm/components/config-variable-button/ConfigVariableButton.js.map +1 -0
- package/dist/esm/components/controlled-list/ControlledList.d.ts +6 -2
- package/dist/esm/components/controlled-list/ControlledList.js +24 -7
- package/dist/esm/components/controlled-list/ControlledList.js.map +1 -1
- package/dist/esm/components/data-table/Paginator.js +1 -1
- package/dist/esm/components/data-table/Paginator.js.map +1 -1
- package/dist/esm/components/dropdown/dropdown.stories.js +1 -1
- package/dist/esm/components/dropdown/dropdown.stories.js.map +1 -1
- package/dist/esm/components/field-wrapper/FieldWrapper.d.ts +11 -0
- package/dist/esm/components/field-wrapper/FieldWrapper.js +24 -6
- package/dist/esm/components/field-wrapper/FieldWrapper.js.map +1 -1
- package/dist/esm/components/font-field/FontField.d.ts +20 -0
- package/dist/esm/components/font-field/FontField.js +17 -0
- package/dist/esm/components/font-field/FontField.js.map +1 -0
- package/dist/esm/components/icon-toggle/IconToggle.d.ts +16 -0
- package/dist/esm/components/icon-toggle/IconToggle.js +18 -0
- package/dist/esm/components/icon-toggle/IconToggle.js.map +1 -0
- package/dist/esm/components/number-field/NumberField.d.ts +9 -0
- package/dist/esm/components/number-field/NumberField.js +2 -5
- package/dist/esm/components/number-field/NumberField.js.map +1 -1
- package/dist/esm/components/select-field/SelectField.d.ts +8 -0
- package/dist/esm/components/select-field/SelectField.js +2 -2
- package/dist/esm/components/select-field/SelectField.js.map +1 -1
- package/dist/esm/components/slider-field/SliderField.d.ts +9 -0
- package/dist/esm/components/slider-field/SliderField.js +2 -2
- package/dist/esm/components/slider-field/SliderField.js.map +1 -1
- package/dist/esm/components/text-area-autocomplete/TextAreaAutocomplete.d.ts +19 -0
- package/dist/esm/components/text-area-autocomplete/TextAreaAutocomplete.js +20 -0
- package/dist/esm/components/text-area-autocomplete/TextAreaAutocomplete.js.map +1 -0
- package/dist/esm/components/variables-dropdown/VariableDropdown.d.ts +12 -0
- package/dist/esm/components/variables-dropdown/VariableDropdown.js +50 -0
- package/dist/esm/components/variables-dropdown/VariableDropdown.js.map +1 -0
- package/dist/esm/constants/copy.d.ts +3 -0
- package/dist/esm/constants/copy.js +3 -0
- package/dist/esm/constants/copy.js.map +1 -1
- package/dist/esm/constants/fonts.d.ts +6 -0
- package/dist/esm/constants/fonts.js +297 -0
- package/dist/esm/constants/fonts.js.map +1 -0
- package/dist/esm/constants/icons.d.ts +2 -0
- package/dist/esm/constants/icons.js +4 -2
- package/dist/esm/constants/icons.js.map +1 -1
- package/dist/esm/constants/variables.d.ts +4 -0
- package/dist/esm/constants/variables.js +11 -0
- package/dist/esm/constants/variables.js.map +1 -1
- package/dist/esm/index.d.ts +6 -2
- package/dist/esm/index.js +5 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/interfaces/field.d.ts +0 -0
- package/dist/esm/interfaces/field.js +1 -0
- package/dist/esm/interfaces/field.js.map +1 -0
- package/dist/esm/utils/override.d.ts +11 -0
- package/dist/esm/utils/override.js +9 -0
- package/dist/esm/utils/override.js.map +1 -0
- package/dist/styles.css +130 -13
- package/dist/styles.less +369 -209
- package/less/components/button.less +5 -1
- package/less/components/controlled-list.less +122 -13
- package/less/components/dropdown.less +3 -0
- package/less/components/font-picker.less +18 -14
- package/less/components/form-field.less +224 -182
- package/package.json +3 -1
- package/src/components/advanced-number-field/AdvancedNumberField.tsx +33 -4
- package/src/components/button-group-field/ButtonGroupField.tsx +110 -39
- package/src/components/checkbox-field/CheckboxField.tsx +36 -3
- package/src/components/color-field/ColorField.tsx +29 -4
- package/src/components/config-variable-button/ConfigVariableButton.tsx +144 -0
- package/src/components/controlled-list/ControlledList.tsx +68 -14
- package/src/components/data-table/Paginator.tsx +1 -1
- package/src/components/field-wrapper/FieldWrapper.tsx +80 -6
- package/src/components/font-field/FontField.tsx +78 -0
- package/src/components/icon-toggle/IconToggle.tsx +63 -0
- package/src/components/number-field/NumberField.tsx +34 -8
- package/src/components/select-field/SelectField.tsx +29 -4
- package/src/components/slider-field/SliderField.tsx +32 -2
- package/src/components/text-area-autocomplete/TextAreaAutocomplete.tsx +80 -0
- package/src/components/variables-dropdown/VariableDropdown.tsx +98 -0
- package/src/constants/copy.ts +4 -0
- package/src/constants/fonts.ts +296 -0
- package/src/constants/icons.tsx +6 -1
- package/src/constants/variables.ts +16 -0
- package/src/index.ts +11 -2
- package/dist/cjs/components/app-wrapper/AppWrapperV2.d.ts +0 -26
- package/dist/cjs/components/app-wrapper/AppWrapperV2.js +0 -266
- package/dist/cjs/components/app-wrapper/AppWrapperV2.js.map +0 -1
- package/dist/cjs/components/app-wrapper/AppWrapperV3.d.ts +0 -19
- package/dist/cjs/components/app-wrapper/AppWrapperV3.js +0 -195
- package/dist/cjs/components/app-wrapper/AppWrapperV3.js.map +0 -1
- package/dist/cjs/components/app-wrapper/AppWrapper_BACKUP_73190.d.ts +0 -27
- package/dist/cjs/components/app-wrapper/AppWrapper_BACKUP_73190.js +0 -243
- package/dist/cjs/components/app-wrapper/AppWrapper_BACKUP_73190.js.map +0 -1
- package/dist/cjs/components/app-wrapper/AppWrapper_BASE_73190.d.ts +0 -28
- package/dist/cjs/components/app-wrapper/AppWrapper_BASE_73190.js +0 -255
- package/dist/cjs/components/app-wrapper/AppWrapper_BASE_73190.js.map +0 -1
- package/dist/cjs/components/app-wrapper/AppWrapper_LOCAL_73190.d.ts +0 -27
- package/dist/cjs/components/app-wrapper/AppWrapper_LOCAL_73190.js +0 -243
- package/dist/cjs/components/app-wrapper/AppWrapper_LOCAL_73190.js.map +0 -1
- package/dist/cjs/components/app-wrapper/AppWrapper_REMOTE_73190.d.ts +0 -28
- package/dist/cjs/components/app-wrapper/AppWrapper_REMOTE_73190.js +0 -251
- package/dist/cjs/components/app-wrapper/AppWrapper_REMOTE_73190.js.map +0 -1
- package/dist/cjs/components/auth-gate/AuthGate.d.ts +0 -2
- package/dist/cjs/components/auth-gate/AuthGate.js +0 -105
- package/dist/cjs/components/auth-gate/AuthGate.js.map +0 -1
- package/dist/cjs/components/edit-guide-modal/EditGuideModal.d.ts +0 -8
- package/dist/cjs/components/edit-guide-modal/EditGuideModal.js +0 -132
- package/dist/cjs/components/edit-guide-modal/EditGuideModal.js.map +0 -1
- package/dist/cjs/components/edit-marker-modal/EditMarkerModal.d.ts +0 -8
- package/dist/cjs/components/edit-marker-modal/EditMarkerModal.js +0 -104
- package/dist/cjs/components/edit-marker-modal/EditMarkerModal.js.map +0 -1
- package/dist/cjs/components/error-message-preview/ErrorMessagePreview.d.ts +0 -15
- package/dist/cjs/components/error-message-preview/ErrorMessagePreview.js +0 -91
- package/dist/cjs/components/error-message-preview/ErrorMessagePreview.js.map +0 -1
- package/dist/cjs/components/feature-flag-wrapper/FeatureFlagWrapper.d.ts +0 -7
- package/dist/cjs/components/feature-flag-wrapper/FeatureFlagWrapper.js +0 -48
- package/dist/cjs/components/feature-flag-wrapper/FeatureFlagWrapper.js.map +0 -1
- package/dist/cjs/components/header/Header_BACKUP_73021.d.ts +0 -33
- package/dist/cjs/components/header/Header_BACKUP_73021.js +0 -393
- package/dist/cjs/components/header/Header_BACKUP_73021.js.map +0 -1
- package/dist/cjs/components/header/Header_BASE_73021.d.ts +0 -29
- package/dist/cjs/components/header/Header_BASE_73021.js +0 -376
- package/dist/cjs/components/header/Header_BASE_73021.js.map +0 -1
- package/dist/cjs/components/header/Header_LOCAL_73021.d.ts +0 -33
- package/dist/cjs/components/header/Header_LOCAL_73021.js +0 -382
- package/dist/cjs/components/header/Header_LOCAL_73021.js.map +0 -1
- package/dist/cjs/components/header/Header_REMOTE_73021.d.ts +0 -30
- package/dist/cjs/components/header/Header_REMOTE_73021.js +0 -386
- package/dist/cjs/components/header/Header_REMOTE_73021.js.map +0 -1
- package/dist/cjs/components/header/StoryDropdown.d.ts +0 -6
- package/dist/cjs/components/header/StoryDropdown.js +0 -111
- package/dist/cjs/components/header/StoryDropdown.js.map +0 -1
- package/dist/cjs/components/replace-files-modal/ReplaceFilesModal.d.ts +0 -11
- package/dist/cjs/components/replace-files-modal/ReplaceFilesModal.js +0 -213
- package/dist/cjs/components/replace-files-modal/ReplaceFilesModal.js.map +0 -1
- package/dist/cjs/redux/actions/auth.d.ts +0 -9
- package/dist/cjs/redux/actions/auth.js +0 -30
- package/dist/cjs/redux/actions/auth.js.map +0 -1
- package/dist/cjs/redux/reducers/auth.d.ts +0 -3
- package/dist/cjs/redux/reducers/auth.js +0 -67
- package/dist/cjs/redux/reducers/auth.js.map +0 -1
- package/dist/cjs/services/Auth0.d.ts +0 -18
- package/dist/cjs/services/Auth0.js +0 -102
- package/dist/cjs/services/Auth0.js.map +0 -1
- package/dist/cjs/services/Session.d.ts +0 -26
- package/dist/cjs/services/Session.js +0 -155
- package/dist/cjs/services/Session.js.map +0 -1
- package/dist/esm/components/app-wrapper/AppWrapperV2.d.ts +0 -26
- package/dist/esm/components/app-wrapper/AppWrapperV2.js +0 -142
- package/dist/esm/components/app-wrapper/AppWrapperV2.js.map +0 -1
- package/dist/esm/components/app-wrapper/AppWrapperV3.d.ts +0 -19
- package/dist/esm/components/app-wrapper/AppWrapperV3.js +0 -88
- package/dist/esm/components/app-wrapper/AppWrapperV3.js.map +0 -1
- package/dist/esm/components/app-wrapper/AppWrapper_BACKUP_73190.d.ts +0 -27
- package/dist/esm/components/app-wrapper/AppWrapper_BACKUP_73190.js +0 -194
- package/dist/esm/components/app-wrapper/AppWrapper_BACKUP_73190.js.map +0 -1
- package/dist/esm/components/app-wrapper/AppWrapper_BASE_73190.d.ts +0 -28
- package/dist/esm/components/app-wrapper/AppWrapper_BASE_73190.js +0 -208
- package/dist/esm/components/app-wrapper/AppWrapper_BASE_73190.js.map +0 -1
- package/dist/esm/components/app-wrapper/AppWrapper_LOCAL_73190.d.ts +0 -27
- package/dist/esm/components/app-wrapper/AppWrapper_LOCAL_73190.js +0 -194
- package/dist/esm/components/app-wrapper/AppWrapper_LOCAL_73190.js.map +0 -1
- package/dist/esm/components/app-wrapper/AppWrapper_REMOTE_73190.d.ts +0 -28
- package/dist/esm/components/app-wrapper/AppWrapper_REMOTE_73190.js +0 -204
- package/dist/esm/components/app-wrapper/AppWrapper_REMOTE_73190.js.map +0 -1
- package/dist/esm/components/auth-gate/AuthGate.d.ts +0 -2
- package/dist/esm/components/auth-gate/AuthGate.js +0 -59
- package/dist/esm/components/auth-gate/AuthGate.js.map +0 -1
- package/dist/esm/components/edit-guide-modal/EditGuideModal.d.ts +0 -8
- package/dist/esm/components/edit-guide-modal/EditGuideModal.js +0 -65
- package/dist/esm/components/edit-guide-modal/EditGuideModal.js.map +0 -1
- package/dist/esm/components/edit-marker-modal/EditMarkerModal.d.ts +0 -8
- package/dist/esm/components/edit-marker-modal/EditMarkerModal.js +0 -72
- package/dist/esm/components/edit-marker-modal/EditMarkerModal.js.map +0 -1
- package/dist/esm/components/error-message-preview/ErrorMessagePreview.d.ts +0 -15
- package/dist/esm/components/error-message-preview/ErrorMessagePreview.js +0 -35
- package/dist/esm/components/error-message-preview/ErrorMessagePreview.js.map +0 -1
- package/dist/esm/components/feature-flag-wrapper/FeatureFlagWrapper.d.ts +0 -7
- package/dist/esm/components/feature-flag-wrapper/FeatureFlagWrapper.js +0 -10
- package/dist/esm/components/feature-flag-wrapper/FeatureFlagWrapper.js.map +0 -1
- package/dist/esm/components/header/Header_BACKUP_73021.d.ts +0 -33
- package/dist/esm/components/header/Header_BACKUP_73021.js +0 -336
- package/dist/esm/components/header/Header_BACKUP_73021.js.map +0 -1
- package/dist/esm/components/header/Header_BASE_73021.d.ts +0 -29
- package/dist/esm/components/header/Header_BASE_73021.js +0 -322
- package/dist/esm/components/header/Header_BASE_73021.js.map +0 -1
- package/dist/esm/components/header/Header_LOCAL_73021.d.ts +0 -33
- package/dist/esm/components/header/Header_LOCAL_73021.js +0 -328
- package/dist/esm/components/header/Header_LOCAL_73021.js.map +0 -1
- package/dist/esm/components/header/Header_REMOTE_73021.d.ts +0 -30
- package/dist/esm/components/header/Header_REMOTE_73021.js +0 -329
- package/dist/esm/components/header/Header_REMOTE_73021.js.map +0 -1
- package/dist/esm/components/header/StoryDropdown.d.ts +0 -6
- package/dist/esm/components/header/StoryDropdown.js +0 -82
- package/dist/esm/components/header/StoryDropdown.js.map +0 -1
- package/dist/esm/components/replace-files-modal/ReplaceFilesModal.d.ts +0 -11
- package/dist/esm/components/replace-files-modal/ReplaceFilesModal.js +0 -141
- package/dist/esm/components/replace-files-modal/ReplaceFilesModal.js.map +0 -1
- package/dist/esm/redux/actions/auth.d.ts +0 -9
- package/dist/esm/redux/actions/auth.js +0 -25
- package/dist/esm/redux/actions/auth.js.map +0 -1
- package/dist/esm/redux/reducers/auth.d.ts +0 -3
- package/dist/esm/redux/reducers/auth.js +0 -27
- package/dist/esm/redux/reducers/auth.js.map +0 -1
- package/dist/esm/services/Auth0.d.ts +0 -18
- package/dist/esm/services/Auth0.js +0 -68
- package/dist/esm/services/Auth0.js.map +0 -1
- package/dist/esm/services/Session.d.ts +0 -26
- package/dist/esm/services/Session.js +0 -107
- package/dist/esm/services/Session.js.map +0 -1
- /package/src/components/dropdown/{dropdown.stories.tsx → Dropdown.stories.tsx} +0 -0
|
@@ -19,12 +19,21 @@ interface IButtonGroupFieldProps {
|
|
|
19
19
|
labelPosition?: string;
|
|
20
20
|
labelWidth?: string | number;
|
|
21
21
|
disabled?: boolean;
|
|
22
|
+
override?: any;
|
|
23
|
+
showCopyPropIds?: boolean;
|
|
24
|
+
propKey?: string;
|
|
25
|
+
setOverride?(e: any): void;
|
|
26
|
+
removeOverride?(): void;
|
|
27
|
+
inventory?: any;
|
|
28
|
+
onClose?(e: boolean): void;
|
|
29
|
+
activeOverride?: string;
|
|
22
30
|
}
|
|
23
31
|
declare class ButtonGroupField extends React.PureComponent<IButtonGroupFieldProps> {
|
|
24
32
|
private clickTimeout;
|
|
25
33
|
private clickCounter;
|
|
26
34
|
constructor(p: IButtonGroupFieldProps);
|
|
27
35
|
private handleMultipleClicks;
|
|
36
|
+
renderRemoveButton(): React.JSX.Element;
|
|
28
37
|
render: () => JSX.Element;
|
|
29
38
|
}
|
|
30
39
|
export default ButtonGroupField;
|
|
@@ -1,6 +1,9 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import FieldWrapper from '../field-wrapper/FieldWrapper';
|
|
3
3
|
import { renderTooltip, renderTooltipProps } from '../Tooltip';
|
|
4
|
+
import { getOverrideHandler } from '../../constants/variables';
|
|
5
|
+
import Button from '../button/Button';
|
|
6
|
+
import { ICON_TIMES } from '../../constants/icons';
|
|
4
7
|
class ButtonGroupField extends React.PureComponent {
|
|
5
8
|
clickTimeout;
|
|
6
9
|
clickCounter = 0;
|
|
@@ -21,28 +24,43 @@ class ButtonGroupField extends React.PureComponent {
|
|
|
21
24
|
doubleClick();
|
|
22
25
|
}
|
|
23
26
|
};
|
|
27
|
+
renderRemoveButton() {
|
|
28
|
+
const { removeOverride } = this.props;
|
|
29
|
+
return (React.createElement("div", { className: 'item' },
|
|
30
|
+
React.createElement("div", { className: 'buttons' },
|
|
31
|
+
React.createElement(Button, { style: 'subtle', color: 'danger', onClick: () => removeOverride() }, ICON_TIMES))));
|
|
32
|
+
}
|
|
24
33
|
render = () => {
|
|
25
|
-
const {
|
|
34
|
+
const { options, width, tooltip, info, labelPosition, labelWidth, disabled, propKey, showCopyPropIds, inventory, override, setOverride, onClose, onChange, activeOverride, removeOverride } = this.props;
|
|
26
35
|
const optionStyle = { width: `${100 / options.length}%` };
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
36
|
+
const inputField = () => {
|
|
37
|
+
const { hasOverride, previewItem } = getOverrideHandler(propKey, override, inventory);
|
|
38
|
+
const value = hasOverride ? previewItem : this.props.value;
|
|
39
|
+
return (React.createElement("div", { className: `${hasOverride ? 'override_variable text' : ''}` },
|
|
40
|
+
React.createElement("div", { className: 'button-group' }, options.map((option, i) => {
|
|
41
|
+
const optionKey = option.value;
|
|
42
|
+
const optionLabel = option.label;
|
|
43
|
+
const icon = option.icon ? option.icon : null;
|
|
44
|
+
const tooltipId = `${optionKey}-${i}`;
|
|
45
|
+
const activeOption = optionKey === value;
|
|
46
|
+
const activeClass = activeOption
|
|
47
|
+
? 'active'
|
|
48
|
+
: disabled
|
|
49
|
+
? 'disabled'
|
|
50
|
+
: '';
|
|
51
|
+
const onClick = !activeOption
|
|
52
|
+
? () => {
|
|
53
|
+
onChange(optionKey);
|
|
54
|
+
}
|
|
55
|
+
: null;
|
|
56
|
+
return (React.createElement("div", { key: `option-${optionKey}`, style: optionStyle, className: `button-group-option ${activeClass} ${hasOverride ? 'disabled' : ''}`, ...renderTooltipProps(tooltipId, option.tooltip), onClick: typeof option.onDoubleClick === 'function'
|
|
57
|
+
? () => this.handleMultipleClicks(onClick, option.onDoubleClick)
|
|
58
|
+
: onClick },
|
|
59
|
+
!icon ? optionLabel : icon,
|
|
60
|
+
renderTooltip(tooltipId, option.tooltip)));
|
|
61
|
+
}))));
|
|
62
|
+
};
|
|
63
|
+
return (React.createElement(FieldWrapper, { customClass: 'button-group-field', label: this.props.label, tooltip: tooltip, info: info, labelPosition: labelPosition, width: width, labelWidth: labelWidth, propKey: propKey, showCopyPropIds: showCopyPropIds, inventory: inventory, setOverride: setOverride, onClose: onClose, activeOverride: activeOverride, removeOverride: removeOverride, override: override, type: 'text', buttonGroup: true }, inputField()));
|
|
46
64
|
};
|
|
47
65
|
}
|
|
48
66
|
export default ButtonGroupField;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroupField.js","sourceRoot":"","sources":["../../../../src/components/button-group-field/ButtonGroupField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,YAAY,MAAM,+BAA+B,CAAC;AACzD,OAAO,EAAkB,aAAa,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC;
|
|
1
|
+
{"version":3,"file":"ButtonGroupField.js","sourceRoot":"","sources":["../../../../src/components/button-group-field/ButtonGroupField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -10,6 +10,14 @@ interface ICheckboxFieldProps {
|
|
|
10
10
|
info?: string;
|
|
11
11
|
labelPosition?: string;
|
|
12
12
|
labelWidth?: string | number;
|
|
13
|
+
override?: any;
|
|
14
|
+
showCopyPropIds?: boolean;
|
|
15
|
+
propKey?: string;
|
|
16
|
+
setOverride?(e: any): void;
|
|
17
|
+
removeOverride?(): void;
|
|
18
|
+
inventory?: any;
|
|
19
|
+
onClose?(e: boolean): void;
|
|
20
|
+
activeOverride?: string;
|
|
13
21
|
}
|
|
14
22
|
declare class CheckboxField extends React.PureComponent<ICheckboxFieldProps> {
|
|
15
23
|
constructor(props: any);
|
|
@@ -12,9 +12,9 @@ class CheckboxField extends React.PureComponent {
|
|
|
12
12
|
this.props.onChange(!this.props.value, e);
|
|
13
13
|
}
|
|
14
14
|
render() {
|
|
15
|
-
const { value,
|
|
15
|
+
const { value, width, tooltip, info, labelPosition, labelWidth, showCopyPropIds, propKey, override, inventory, setOverride, removeOverride, onClose, activeOverride } = this.props;
|
|
16
16
|
const icon = value === true ? ICON_CHECK : null;
|
|
17
|
-
return (React.createElement(FieldWrapper, { customClass: 'checkbox-field', label: label, tooltip: tooltip, info: info, labelPosition: labelPosition, labelWidth: labelWidth, width: width },
|
|
17
|
+
return (React.createElement(FieldWrapper, { customClass: 'checkbox-field', label: this.props.label, tooltip: tooltip, info: info, labelPosition: labelPosition, labelWidth: labelWidth, width: width, propKey: propKey, showCopyPropIds: showCopyPropIds, inventory: inventory, setOverride: setOverride, onClose: onClose, activeOverride: activeOverride, removeOverride: removeOverride, override: override, type: 'boolean' },
|
|
18
18
|
React.createElement("div", { className: 'checkbox', onClick: (e) => this.toggle(e) }, icon)));
|
|
19
19
|
}
|
|
20
20
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../../src/components/checkbox-field/CheckboxField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,YAAY,MAAM,+BAA+B,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"CheckboxField.js","sourceRoot":"","sources":["../../../../src/components/checkbox-field/CheckboxField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,YAAY,MAAM,+BAA+B,CAAC;AAEzD,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAuBnD,MAAM,aAAc,SAAQ,KAAK,CAAC,aAAkC;IAChE,YAAY,KAAK;QACb,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAEO,MAAM,CAAC,CAAC;QACZ,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE,CAAC;YACxB,CAAC,CAAC,eAAe,EAAE,CAAC;QACxB,CAAC;QACD,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;IAC9C,CAAC;IAEM,MAAM;QACT,MAAM,EACF,KAAK,EACL,KAAK,EACL,OAAO,EACP,IAAI,EACJ,aAAa,EACb,UAAU,EACV,eAAe,EACf,OAAO,EACP,QAAQ,EACR,SAAS,EACT,WAAW,EACX,cAAc,EACd,OAAO,EACP,cAAc,EACjB,GAAG,IAAI,CAAC,KAAK,CAAC;QACf,MAAM,IAAI,GAAG,KAAK,KAAK,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;QAEhD,OAAO,CACH,oBAAC,YAAY,IACT,WAAW,EAAC,gBAAgB,EAC5B,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EACvB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,aAAa,EAC5B,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,SAAS;YACd,6BACI,SAAS,EAAC,UAAU,EACpB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,IAC7B,IAAI,CACH,CACK,CAClB,CAAC;IACN,CAAC;CACJ;AAED,eAAe,aAAa,CAAC"}
|
|
@@ -16,6 +16,14 @@ interface IColorFieldProps {
|
|
|
16
16
|
pickerPosition?: string;
|
|
17
17
|
labelWidth?: string | number;
|
|
18
18
|
disabled?: boolean;
|
|
19
|
+
override?: any;
|
|
20
|
+
showCopyPropIds?: boolean;
|
|
21
|
+
propKey?: string;
|
|
22
|
+
setOverride?(e: any): void;
|
|
23
|
+
removeOverride?(): void;
|
|
24
|
+
inventory?: any;
|
|
25
|
+
onClose?(e: boolean): void;
|
|
26
|
+
activeOverride?: string;
|
|
19
27
|
}
|
|
20
28
|
interface IColorFieldState {
|
|
21
29
|
pickerOpen: boolean;
|
|
@@ -60,7 +60,7 @@ class ColorField extends React.PureComponent {
|
|
|
60
60
|
}
|
|
61
61
|
}
|
|
62
62
|
render() {
|
|
63
|
-
const {
|
|
63
|
+
const { width, buttons, tooltip, value, enableAlpha, presetColors, info, labelPosition, pickerPosition, labelWidth, disabled, override, showCopyPropIds, propKey, inventory, setOverride, removeOverride, onClose, activeOverride } = this.props;
|
|
64
64
|
const { pickerOpen } = this.state;
|
|
65
65
|
const disableAlpha = !enableAlpha;
|
|
66
66
|
const pickerPos = pickerPosition || 'left';
|
|
@@ -73,7 +73,7 @@ class ColorField extends React.PureComponent {
|
|
|
73
73
|
background: this.transparentBg,
|
|
74
74
|
height: '20px'
|
|
75
75
|
};
|
|
76
|
-
return (React.createElement(FieldWrapper, { customClass: 'color-field', label: label, tooltip: tooltip, buttons: buttons, info: info, labelPosition: labelPosition, labelWidth: labelWidth, width: width },
|
|
76
|
+
return (React.createElement(FieldWrapper, { customClass: 'color-field', label: this.props.label, tooltip: tooltip, buttons: buttons, info: info, labelPosition: labelPosition, labelWidth: labelWidth, width: width, propKey: propKey, showCopyPropIds: showCopyPropIds, inventory: inventory, setOverride: setOverride, onClose: onClose, activeOverride: activeOverride, removeOverride: removeOverride, override: override, type: 'color' },
|
|
77
77
|
React.createElement("div", { style: transparentBg },
|
|
78
78
|
React.createElement("div", { className: 'swatch', style: swatchStyle, onClick: (e) => this.togglePicker(e) })),
|
|
79
79
|
!disabled && (React.createElement("div", { className: `picker picker-${pickerPos}`, ref: this.picker }, picker))));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ColorField.js","sourceRoot":"","sources":["../../../../src/components/color-field/ColorField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,YAAY,MAAM,+BAA+B,CAAC;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;
|
|
1
|
+
{"version":3,"file":"ColorField.js","sourceRoot":"","sources":["../../../../src/components/color-field/ColorField.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare const getConfigVariableButton: import("moize").Moized<(enabled: any, type: any, inventory: any, setOverride: any, onClose: any, icon: any, activeOverride: any, removeOverride: any) => React.JSX.Element, Partial<{
|
|
3
|
+
isDeepEqual: boolean;
|
|
4
|
+
isPromise: boolean;
|
|
5
|
+
isReact: boolean;
|
|
6
|
+
isSerialized: boolean;
|
|
7
|
+
isShallowEqual: boolean;
|
|
8
|
+
matchesArg: import("moize").IsEqual;
|
|
9
|
+
matchesKey: import("moize").IsMatchingKey;
|
|
10
|
+
maxAge: number;
|
|
11
|
+
maxArgs: number;
|
|
12
|
+
maxSize: number;
|
|
13
|
+
onCacheAdd: import("moize").OnCacheOperation<(enabled: any, type: any, inventory: any, setOverride: any, onClose: any, icon: any, activeOverride: any, removeOverride: any) => React.JSX.Element>;
|
|
14
|
+
onCacheChange: import("moize").OnCacheOperation<(enabled: any, type: any, inventory: any, setOverride: any, onClose: any, icon: any, activeOverride: any, removeOverride: any) => React.JSX.Element>;
|
|
15
|
+
onCacheHit: import("moize").OnCacheOperation<(enabled: any, type: any, inventory: any, setOverride: any, onClose: any, icon: any, activeOverride: any, removeOverride: any) => React.JSX.Element>;
|
|
16
|
+
onExpire: import("moize").OnExpire;
|
|
17
|
+
profileName: string;
|
|
18
|
+
serializer: import("moize").Serialize;
|
|
19
|
+
transformArgs: import("moize").TransformKey;
|
|
20
|
+
updateCacheForKey: import("moize").UpdateCacheForKey;
|
|
21
|
+
updateExpire: boolean;
|
|
22
|
+
}> & Partial<{
|
|
23
|
+
isDeepEqual: boolean;
|
|
24
|
+
isPromise: boolean;
|
|
25
|
+
isReact: boolean;
|
|
26
|
+
isSerialized: boolean;
|
|
27
|
+
isShallowEqual: boolean;
|
|
28
|
+
matchesArg: import("moize").IsEqual;
|
|
29
|
+
matchesKey: import("moize").IsMatchingKey;
|
|
30
|
+
maxAge: number;
|
|
31
|
+
maxArgs: number;
|
|
32
|
+
maxSize: number;
|
|
33
|
+
onCacheAdd: import("moize").OnCacheOperation<import("moize").Moizeable>;
|
|
34
|
+
onCacheChange: import("moize").OnCacheOperation<import("moize").Moizeable>;
|
|
35
|
+
onCacheHit: import("moize").OnCacheOperation<import("moize").Moizeable>;
|
|
36
|
+
onExpire: import("moize").OnExpire;
|
|
37
|
+
profileName: string;
|
|
38
|
+
serializer: import("moize").Serialize;
|
|
39
|
+
transformArgs: import("moize").TransformKey;
|
|
40
|
+
updateCacheForKey: import("moize").UpdateCacheForKey;
|
|
41
|
+
updateExpire: boolean;
|
|
42
|
+
}>>;
|
|
43
|
+
export declare const fieldLabel: (labelText: any, propKey: any, showCopyPropIds: any, type: string, inventory: any, setOverride: any, onClose: any, activeOverride: any, removeOverride: any, icon?: any) => any;
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import React, { useState, useRef } from 'react';
|
|
2
|
+
import { ICON_BRACKET_CURLY } from '../../constants/icons';
|
|
3
|
+
import Button from '../button/Button';
|
|
4
|
+
import ImposiumDropdown from '../dropdown/Dropdown';
|
|
5
|
+
import moize from 'moize';
|
|
6
|
+
import VariableDropDown from '../variables-dropdown/VariableDropdown';
|
|
7
|
+
const ConfigVariableButton = ({ type, inventory, setOverride, onClose, activeOverride, removeOverride, icon }) => {
|
|
8
|
+
const [show, setShow] = useState(false);
|
|
9
|
+
const variablesButtonRef = useRef();
|
|
10
|
+
const close = () => {
|
|
11
|
+
setShow(!show);
|
|
12
|
+
if (onClose) {
|
|
13
|
+
onClose(!show);
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
const setOverrideHandler = (o) => {
|
|
17
|
+
setOverride(o);
|
|
18
|
+
setShow(!show);
|
|
19
|
+
};
|
|
20
|
+
const removeOverrideHandler = () => {
|
|
21
|
+
removeOverride();
|
|
22
|
+
setShow(!show);
|
|
23
|
+
};
|
|
24
|
+
return (React.createElement(React.Fragment, null,
|
|
25
|
+
React.createElement(Button, { tooltip: 'Configure Variables', customClass: icon ? 'icon-toggle' : '', onClick: () => {
|
|
26
|
+
close();
|
|
27
|
+
}, buttonRef: variablesButtonRef, size: 'small', style: 'subtle' }, ICON_BRACKET_CURLY),
|
|
28
|
+
React.createElement(ImposiumDropdown, { key: 'variables-dropdown', position: 'bottomleft', show: show, toggleRef: variablesButtonRef, customClass: 'variables', onOutsideClick: () => close() },
|
|
29
|
+
React.createElement(VariableDropDown, { returnVariables: show, type: type, inventory: inventory, setOverride: setOverrideHandler, removeOverride: removeOverrideHandler, activeOverride: activeOverride }))));
|
|
30
|
+
};
|
|
31
|
+
const mGetConfigVariableButton = (enabled, type, inventory, setOverride, onClose, icon, activeOverride, removeOverride) => {
|
|
32
|
+
if (enabled || activeOverride !== undefined) {
|
|
33
|
+
return (React.createElement(ConfigVariableButton, { type: type, inventory: inventory, setOverride: (o) => setOverride(o), onClose: (o) => {
|
|
34
|
+
if (enabled)
|
|
35
|
+
onClose(o);
|
|
36
|
+
}, icon: icon, activeOverride: activeOverride, removeOverride: removeOverride }));
|
|
37
|
+
}
|
|
38
|
+
else {
|
|
39
|
+
return null;
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
export const getConfigVariableButton = moize(mGetConfigVariableButton);
|
|
43
|
+
export const fieldLabel = (labelText, propKey, showCopyPropIds, type, inventory, setOverride, onClose, activeOverride, removeOverride, icon) => {
|
|
44
|
+
const label = propKey ? (React.createElement("span", null,
|
|
45
|
+
labelText,
|
|
46
|
+
getConfigVariableButton(showCopyPropIds, type, inventory, (o) => setOverride(o), (o) => onClose(o), icon, activeOverride, removeOverride))) : (labelText);
|
|
47
|
+
return label;
|
|
48
|
+
};
|
|
49
|
+
//# sourceMappingURL=ConfigVariableButton.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ConfigVariableButton.js","sourceRoot":"","sources":["../../../../src/components/config-variable-button/ConfigVariableButton.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +1,16 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
|
+
export type ControlListType = 'text' | 'number' | 'color' | 'textarea' | 'boolean' | 'icon';
|
|
2
3
|
interface IControlledListProps {
|
|
3
4
|
items?: any[];
|
|
4
5
|
removable?: boolean;
|
|
5
6
|
onRemove?(index: any): void;
|
|
7
|
+
type?: ControlListType;
|
|
8
|
+
content?: any;
|
|
9
|
+
propKey?: string;
|
|
10
|
+
previewMultiplier?: number;
|
|
6
11
|
}
|
|
7
12
|
declare class ControlledList extends React.PureComponent<IControlledListProps> {
|
|
8
|
-
|
|
9
|
-
private submitHandler;
|
|
13
|
+
constructor(props: IControlledListProps);
|
|
10
14
|
renderRemoveButton(index: any): React.JSX.Element;
|
|
11
15
|
render(): React.JSX.Element;
|
|
12
16
|
}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import Button from '../button/Button';
|
|
3
|
-
import { ICON_TIMES } from '../../constants/icons';
|
|
3
|
+
import { ICON_BRACKET_CURLY, ICON_CHECK, ICON_TIMES } from '../../constants/icons';
|
|
4
4
|
class ControlledList extends React.PureComponent {
|
|
5
|
-
|
|
6
|
-
|
|
5
|
+
constructor(props) {
|
|
6
|
+
super(props);
|
|
7
|
+
}
|
|
7
8
|
renderRemoveButton(index) {
|
|
8
9
|
const { removable } = this.props;
|
|
9
10
|
if (removable) {
|
|
@@ -12,13 +13,29 @@ class ControlledList extends React.PureComponent {
|
|
|
12
13
|
}
|
|
13
14
|
}
|
|
14
15
|
render() {
|
|
15
|
-
const { items } = this.props;
|
|
16
|
+
const { items, type, content, previewMultiplier } = this.props;
|
|
16
17
|
let buttons;
|
|
17
18
|
if (items) {
|
|
18
19
|
buttons = items.map((item, i) => {
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
20
|
+
switch (type) {
|
|
21
|
+
case 'text':
|
|
22
|
+
case 'number':
|
|
23
|
+
const previewValue = typeof item === 'number' ? `${item * previewMultiplier}` : item;
|
|
24
|
+
return (React.createElement("div", { className: 'item', key: `item-${i}` },
|
|
25
|
+
React.createElement("input", { type: 'text', value: previewValue ? `{{ ${previewValue} }}` : 'PREVIEW NOT SET', readOnly: true })));
|
|
26
|
+
case 'textarea':
|
|
27
|
+
return (React.createElement("div", { className: 'item textarea rta', key: `item-${i}` },
|
|
28
|
+
React.createElement("textarea", { className: 'rta__textarea', value: item, disabled: true })));
|
|
29
|
+
case 'boolean':
|
|
30
|
+
const icon = content ? ICON_BRACKET_CURLY : item ? ICON_CHECK : null;
|
|
31
|
+
return (React.createElement("div", { className: `item ${content ? 'icon-toggle' : 'checkbox'}`, key: `item-${i}` }, icon));
|
|
32
|
+
case 'color':
|
|
33
|
+
return (React.createElement("div", { className: 'item color', key: `item-${i}`, style: { backgroundColor: item } }));
|
|
34
|
+
default:
|
|
35
|
+
return (React.createElement("div", { className: 'item', key: `item-${i}` },
|
|
36
|
+
item,
|
|
37
|
+
this.renderRemoveButton(i)));
|
|
38
|
+
}
|
|
22
39
|
});
|
|
23
40
|
}
|
|
24
41
|
return React.createElement("div", { className: 'controlled-list' }, buttons);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ControlledList.js","sourceRoot":"","sources":["../../../../src/components/controlled-list/ControlledList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"ControlledList.js","sourceRoot":"","sources":["../../../../src/components/controlled-list/ControlledList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,uBAAuB,CAAC;AAcnF,MAAM,cAAe,SAAQ,KAAK,CAAC,aAAmC;IAClE,YAAY,KAA2B;QACnC,KAAK,CAAC,KAAK,CAAC,CAAC;IACjB,CAAC;IAEM,kBAAkB,CAAC,KAAK;QAC3B,MAAM,EAAE,SAAS,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAEjC,IAAI,SAAS,EAAE,CAAC;YACZ,OAAO,CACH,6BAAK,SAAS,EAAC,SAAS;gBACpB,oBAAC,MAAM,IACH,KAAK,EAAC,QAAQ,EACd,KAAK,EAAC,QAAQ,EACd,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,IACxC,UAAU,CACN,CACP,CACT,CAAC;QACN,CAAC;IACL,CAAC;IAEM,MAAM;QACT,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,EAAE,iBAAiB,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC;QAC/D,IAAI,OAAsB,CAAC;QAC3B,IAAI,KAAK,EAAE,CAAC;YACR,OAAO,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE;gBAC5B,QAAQ,IAAI,EAAE,CAAC;oBACX,KAAK,MAAM,CAAC;oBACZ,KAAK,QAAQ;wBACT,MAAM,YAAY,GACd,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,iBAAiB,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;wBACpE,OAAO,CACH,6BACI,SAAS,EAAC,MAAM,EAChB,GAAG,EAAE,QAAQ,CAAC,EAAE;4BAChB,+BACI,IAAI,EAAC,MAAM,EACX,KAAK,EACD,YAAY,CAAC,CAAC,CAAC,MAAM,YAAY,KAAK,CAAC,CAAC,CAAC,iBAAiB,EAE9D,QAAQ,SACV,CACA,CACT,CAAC;oBACN,KAAK,UAAU;wBACX,OAAO,CACH,6BACI,SAAS,EAAC,mBAAmB,EAC7B,GAAG,EAAE,QAAQ,CAAC,EAAE;4BAChB,kCACI,SAAS,EAAC,eAAe,EACzB,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,IAAI,GAChB,CACA,CACT,CAAC;oBACN,KAAK,SAAS;wBACV,MAAM,IAAI,GAAG,OAAO,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC;wBACrE,OAAO,CACH,6BACI,SAAS,EAAE,QAAQ,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU,EAAE,EACzD,GAAG,EAAE,QAAQ,CAAC,EAAE,IACf,IAAI,CACH,CACT,CAAC;oBACN,KAAK,OAAO;wBACR,OAAO,CACH,6BACI,SAAS,EAAC,YAAY,EACtB,GAAG,EAAE,QAAQ,CAAC,EAAE,EAChB,KAAK,EAAE,EAAE,eAAe,EAAE,IAAI,EAAE,GAClC,CACL,CAAC;oBACN;wBACI,OAAO,CACH,6BACI,SAAS,EAAC,MAAM,EAChB,GAAG,EAAE,QAAQ,CAAC,EAAE;4BACf,IAAI;4BACJ,IAAI,CAAC,kBAAkB,CAAC,CAAC,CAAC,CACzB,CACT,CAAC;gBACV,CAAC;YACL,CAAC,CAAC,CAAC;QACP,CAAC;QAED,OAAO,6BAAK,SAAS,EAAC,iBAAiB,IAAE,OAAO,CAAO,CAAC;IAC5D,CAAC;CACJ;AAED,eAAe,cAAc,CAAC"}
|
|
@@ -63,7 +63,7 @@ const Paginator = ({ pageCount, pageIndex, pageSize, totalItems, canPreviousPage
|
|
|
63
63
|
gotoPage(getPageIndex - 1, pageSize);
|
|
64
64
|
}
|
|
65
65
|
} }, ICON_ANGLE_LEFT),
|
|
66
|
-
React.createElement(Button, { style: 'subtle', size: 'small', tooltip: 'Go to next page', disabled:
|
|
66
|
+
React.createElement(Button, { style: 'subtle', size: 'small', tooltip: 'Go to next page', disabled: useSimplePagination ? !hasMore : !canNextPage, onClick: () => {
|
|
67
67
|
if (!useSimplePagination && !hasMore) {
|
|
68
68
|
nextPage();
|
|
69
69
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Paginator.js","sourceRoot":"","sources":["../../../../src/components/data-table/Paginator.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"Paginator.js","sourceRoot":"","sources":["../../../../src/components/data-table/Paginator.tsx"],"names":[],"mappings":"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"}
|
|
@@ -12,4 +12,4 @@ export const defaultDropDown = () => {
|
|
|
12
12
|
React.createElement(Button, { onClick: () => setToggle(!toggle), ref: dropdownToggleRef }, "Sample DropDown Toggle"),
|
|
13
13
|
React.createElement(ImposiumDropdown, { toggleRef: dropdownToggleRef, show: toggle, position: 'bottomright', onOutsideClick: () => setToggle(!toggle) }, "Sample")));
|
|
14
14
|
};
|
|
15
|
-
//# sourceMappingURL=
|
|
15
|
+
//# sourceMappingURL=Dropdown.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
1
|
+
{"version":3,"file":"Dropdown.stories.js","sourceRoot":"","sources":["../../../../src/components/dropdown/Dropdown.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,MAAM,MAAM,kBAAkB,CAAC;AACtC,OAAO,gBAAgB,MAAM,YAAY,CAAC;AAE1C,eAAe;IACX,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,gBAAgB;CAC9B,CAAC;AAeF,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,EAAE;IAChC,MAAM,iBAAiB,GAAG,KAAK,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC;IAClD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,OAAO,CACH;QACI,oBAAC,MAAM,IACH,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,EACjC,GAAG,EAAE,iBAAiB,6BAEjB;QACT,oBAAC,gBAAgB,IACb,SAAS,EAAE,iBAAiB,EAC5B,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAC,aAAa,EACtB,cAAc,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,aAEzB,CACpB,CACN,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -11,6 +11,17 @@ interface IFieldWrapperProps {
|
|
|
11
11
|
labelPosition?: string;
|
|
12
12
|
labelWidth?: string | number;
|
|
13
13
|
header?: boolean;
|
|
14
|
+
type?: any;
|
|
15
|
+
override?: any;
|
|
16
|
+
showCopyPropIds?: boolean;
|
|
17
|
+
propKey?: string;
|
|
18
|
+
setOverride?(e: any): void;
|
|
19
|
+
removeOverride?(): void;
|
|
20
|
+
inventory?: any;
|
|
21
|
+
onClose?(e: boolean): void;
|
|
22
|
+
activeOverride?: string;
|
|
23
|
+
buttonGroup?: boolean;
|
|
24
|
+
previewMultiplier?: number;
|
|
14
25
|
}
|
|
15
26
|
interface IFieldWrapperState {
|
|
16
27
|
showInfo: boolean;
|
|
@@ -3,6 +3,9 @@ import { generateUUID } from '../../Util';
|
|
|
3
3
|
import { renderTooltipProps, renderTooltip } from '../Tooltip';
|
|
4
4
|
import { ICON_TIMES_CIRCLE, ICON_INFO_CIRCLE } from '../../constants/icons';
|
|
5
5
|
import Button from '../button/Button';
|
|
6
|
+
import { fieldLabel } from '../config-variable-button/ConfigVariableButton';
|
|
7
|
+
import ControlledList from '../controlled-list/ControlledList';
|
|
8
|
+
import { getOverrideHandler } from '../../constants/variables';
|
|
6
9
|
class FieldWrapper extends React.PureComponent {
|
|
7
10
|
tooltipId;
|
|
8
11
|
toggleIDInfo;
|
|
@@ -19,17 +22,22 @@ class FieldWrapper extends React.PureComponent {
|
|
|
19
22
|
};
|
|
20
23
|
}
|
|
21
24
|
getLabelClass() {
|
|
22
|
-
|
|
25
|
+
const { propKey, label, labelPosition } = this.props;
|
|
26
|
+
if (!label && propKey) {
|
|
27
|
+
return 'label-left';
|
|
28
|
+
}
|
|
29
|
+
else if (!label) {
|
|
23
30
|
return 'no-label';
|
|
24
31
|
}
|
|
25
32
|
else {
|
|
26
|
-
const labelPos =
|
|
33
|
+
const labelPos = labelPosition ? labelPosition : 'left';
|
|
27
34
|
return `label-${labelPos}`;
|
|
28
35
|
}
|
|
29
36
|
}
|
|
30
37
|
renderLabel() {
|
|
31
38
|
const { showInfo } = this.state;
|
|
32
|
-
const { info,
|
|
39
|
+
const { info, labelWidth, propKey, showCopyPropIds, inventory, setOverride, onClose, activeOverride, removeOverride, type } = this.props;
|
|
40
|
+
const label = fieldLabel(this.props.label, propKey, showCopyPropIds, type, inventory, (o) => setOverride(o), (o) => onClose(o), activeOverride, () => removeOverride());
|
|
33
41
|
const iconInfo = showInfo ? ICON_TIMES_CIRCLE : ICON_INFO_CIRCLE;
|
|
34
42
|
const style = {};
|
|
35
43
|
if (labelWidth) {
|
|
@@ -47,8 +55,18 @@ class FieldWrapper extends React.PureComponent {
|
|
|
47
55
|
}
|
|
48
56
|
}
|
|
49
57
|
render() {
|
|
50
|
-
const { label, width, customClass,
|
|
58
|
+
const { label, width, header, propKey, override, inventory, type, customClass, buttonGroup, previewMultiplier } = this.props;
|
|
51
59
|
const labelJSX = this.renderLabel();
|
|
60
|
+
const { hasOverride, previewItem } = getOverrideHandler(propKey, override, inventory);
|
|
61
|
+
const className = hasOverride ? `${customClass} override_variable ${type}` : customClass;
|
|
62
|
+
const children = () => {
|
|
63
|
+
if (hasOverride && !buttonGroup) {
|
|
64
|
+
return (React.createElement(ControlledList, { items: [previewItem], removable: true, type: type, previewMultiplier: previewMultiplier }));
|
|
65
|
+
}
|
|
66
|
+
else {
|
|
67
|
+
return this.props.children;
|
|
68
|
+
}
|
|
69
|
+
};
|
|
52
70
|
const style = {};
|
|
53
71
|
let fieldProps = {};
|
|
54
72
|
if (!label) {
|
|
@@ -59,10 +77,10 @@ class FieldWrapper extends React.PureComponent {
|
|
|
59
77
|
}
|
|
60
78
|
return (React.createElement(React.Fragment, null,
|
|
61
79
|
header && this.renderButtons(),
|
|
62
|
-
React.createElement("div", { className: `form-field ${
|
|
80
|
+
React.createElement("div", { className: `form-field ${className} ${this.getLabelClass()}`, style: style },
|
|
63
81
|
labelJSX,
|
|
64
82
|
React.createElement("div", { className: `form-field-content ${this.getLabelClass()}`, ...fieldProps },
|
|
65
|
-
|
|
83
|
+
children(),
|
|
66
84
|
!header && this.renderButtons()),
|
|
67
85
|
renderTooltip(this.tooltipId, this.props.tooltip),
|
|
68
86
|
this.renderInfo())));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldWrapper.js","sourceRoot":"","sources":["../../../../src/components/field-wrapper/FieldWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,YAAY,EAAE,MAAM,YAAY,CAAC;AAC1C,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAkB,MAAM,YAAY,CAAC;AAC/E,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC5E,OAAO,MAAM,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"FieldWrapper.js","sourceRoot":"","sources":["../../../../src/components/field-wrapper/FieldWrapper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
interface IFontFieldProps {
|
|
3
|
+
font: string;
|
|
4
|
+
availableFonts: any[];
|
|
5
|
+
apiKey: string;
|
|
6
|
+
onChange: (font: string) => void;
|
|
7
|
+
width?: string | number;
|
|
8
|
+
labelPosition?: string;
|
|
9
|
+
label?: any;
|
|
10
|
+
override?: any;
|
|
11
|
+
showCopyPropIds?: boolean;
|
|
12
|
+
propKey?: string;
|
|
13
|
+
setOverride?(e: any): void;
|
|
14
|
+
removeOverride?(): void;
|
|
15
|
+
inventory?: any;
|
|
16
|
+
onClose?(e: boolean): void;
|
|
17
|
+
activeOverride: string;
|
|
18
|
+
}
|
|
19
|
+
declare const FontField: (props: IFontFieldProps) => React.JSX.Element;
|
|
20
|
+
export default FontField;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import FieldWrapper from '../field-wrapper/FieldWrapper';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import FontPicker from '../font-picker/FontPicker';
|
|
4
|
+
import { fontField } from '../../constants/copy';
|
|
5
|
+
import { DEFAULT_FONTS } from '../../constants/fonts';
|
|
6
|
+
const FontField = (props) => {
|
|
7
|
+
const { font, availableFonts, apiKey, onChange, width, labelPosition, label, override, showCopyPropIds, propKey, setOverride, removeOverride, inventory, onClose, activeOverride } = props;
|
|
8
|
+
const customAvailableFonts = availableFonts.map((asset) => asset.name);
|
|
9
|
+
const standardFonts = DEFAULT_FONTS.map((f) => f.name);
|
|
10
|
+
const availableAssets = [...standardFonts, ...customAvailableFonts].sort();
|
|
11
|
+
const fontCheck = availableAssets.includes(font);
|
|
12
|
+
const fontValue = fontCheck ? font : fontField.fontNotFound;
|
|
13
|
+
return (React.createElement(FieldWrapper, { customClass: 'font-field', label: label, labelPosition: labelPosition, width: width, propKey: propKey, showCopyPropIds: showCopyPropIds, inventory: inventory, setOverride: setOverride, onClose: onClose, activeOverride: activeOverride, removeOverride: removeOverride, override: override, type: 'text' },
|
|
14
|
+
React.createElement(FontPicker, { apiKey: apiKey, activeFontFamily: fontValue, families: availableAssets, defaultFonts: DEFAULT_FONTS, customFonts: availableFonts, onChange: onChange })));
|
|
15
|
+
};
|
|
16
|
+
export default FontField;
|
|
17
|
+
//# sourceMappingURL=FontField.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FontField.js","sourceRoot":"","sources":["../../../../src/components/font-field/FontField.tsx"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,+BAA+B,CAAC;AACzD,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,2BAA2B,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAqBtD,MAAM,SAAS,GAAG,CAAC,KAAsB,EAAE,EAAE;IACzC,MAAM,EACF,IAAI,EACJ,cAAc,EACd,MAAM,EACN,QAAQ,EACR,KAAK,EACL,aAAa,EACb,KAAK,EACL,QAAQ,EACR,eAAe,EACf,OAAO,EACP,WAAW,EACX,cAAc,EACd,SAAS,EACT,OAAO,EACP,cAAc,EACjB,GAAG,KAAK,CAAC;IAEV,MAAM,oBAAoB,GAAG,cAAc,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IACvE,MAAM,aAAa,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;IACvD,MAAM,eAAe,GAAG,CAAC,GAAG,aAAa,EAAE,GAAG,oBAAoB,CAAC,CAAC,IAAI,EAAE,CAAC;IAC3E,MAAM,SAAS,GAAG,eAAe,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjD,MAAM,SAAS,GAAG,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,YAAY,CAAC;IAE5D,OAAO,CACH,oBAAC,YAAY,IACT,WAAW,EAAC,YAAY,EACxB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,MAAM;QACX,oBAAC,UAAU,IACP,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,SAAS,EAC3B,QAAQ,EAAE,eAAe,EACzB,YAAY,EAAE,aAAa,EAC3B,WAAW,EAAE,cAAc,EAC3B,QAAQ,EAAE,QAAQ,GACpB,CACS,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC"}
|