chop-logic-components 1.0.6 → 1.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/containers/form/Form.d.ts +1 -1
- package/dist/components/containers/form/__docs__/FormExample.d.ts +1 -1
- package/dist/components/containers/form/controller.d.ts +1 -1
- package/dist/components/containers/form/helpers.d.ts +1 -1
- package/dist/components/containers/grid/Grid.d.ts +1 -1
- package/dist/components/containers/grid/__docs__/GridExample.d.ts +1 -1
- package/dist/components/containers/grid/controller.d.ts +1 -1
- package/dist/components/containers/grid/elements/Body.d.ts +1 -1
- package/dist/components/containers/grid/elements/ColumnGroup.d.ts +1 -1
- package/dist/components/containers/grid/elements/Head.d.ts +1 -1
- package/dist/components/containers/grid/helpers.d.ts +1 -1
- package/dist/components/containers/tabs/Tabs.d.ts +1 -1
- package/dist/components/containers/tabs/Tabs.styled.d.ts +1 -1
- package/dist/components/containers/tabs/__docs__/Tabs.stories.d.ts +1 -1
- package/dist/components/containers/tabs/__docs__/TabsExample.d.ts +4 -1
- package/dist/components/containers/tabs/elements/TabButton.d.ts +1 -1
- package/dist/components/containers/tabs/elements/TabContent.d.ts +1 -1
- package/dist/components/containers/tabs/elements/TabList.d.ts +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/inputs/button/Button.d.ts +1 -1
- package/dist/components/inputs/button/Button.styled.d.ts +5 -6
- package/dist/components/inputs/button/__docs__/Button.stories.d.ts +2 -4
- package/dist/components/inputs/button/__docs__/ButtonExample.d.ts +1 -1
- package/dist/components/inputs/checkbox/Checkbox.d.ts +1 -1
- package/dist/components/inputs/checkbox/Checkbox.styled.d.ts +1 -2
- package/dist/components/inputs/checkbox/__docs__/CheckboxExample.d.ts +1 -1
- package/dist/components/inputs/checkbox/helpers.d.ts +1 -1
- package/dist/components/inputs/multi-select/MultiSelect.d.ts +1 -1
- package/dist/components/inputs/multi-select/__docs__/MultiSelectExample.d.ts +1 -1
- package/dist/components/inputs/multi-select/controller.d.ts +1 -2
- package/dist/components/inputs/multi-select/elements/Combobox.d.ts +1 -1
- package/dist/components/inputs/multi-select/elements/Dropdown.d.ts +1 -1
- package/dist/components/inputs/multi-select/elements/Option.d.ts +1 -1
- package/dist/components/inputs/multi-select/helpers.d.ts +1 -3
- package/dist/components/inputs/numeric/NumericInput.d.ts +1 -1
- package/dist/components/inputs/numeric/NumericInput.styled.d.ts +1 -8
- package/dist/components/inputs/numeric/__docs__/NumericInputExample.d.ts +1 -1
- package/dist/components/inputs/numeric/controller.d.ts +1 -1
- package/dist/components/inputs/numeric/helpers.d.ts +1 -2
- package/dist/components/inputs/select/Select.d.ts +1 -1
- package/dist/components/inputs/select/__docs__/SelectExample.d.ts +1 -1
- package/dist/components/inputs/select/controller.d.ts +1 -1
- package/dist/components/inputs/select/elements/Combobox.d.ts +1 -1
- package/dist/components/inputs/select/elements/Dropdown.d.ts +1 -1
- package/dist/components/inputs/select/elements/Option.d.ts +1 -1
- package/dist/components/inputs/select/helpers.d.ts +1 -2
- package/dist/components/inputs/text/TextInput.d.ts +1 -1
- package/dist/components/inputs/text/TextInput.styled.d.ts +1 -8
- package/dist/components/inputs/text/__docs__/TextInputExample.d.ts +1 -1
- package/dist/components/inputs/text/controller.d.ts +1 -1
- package/dist/components/inputs/text/helpers.d.ts +1 -2
- package/dist/components/modals/alert/Alert.d.ts +1 -1
- package/dist/components/modals/alert/__docs__/Alert.stories.d.ts +1 -1
- package/dist/components/modals/alert/elements/Header.d.ts +1 -1
- package/dist/components/modals/alert/helpers.d.ts +1 -2
- package/dist/components/modals/dialog/Dialog.d.ts +1 -1
- package/dist/components/modals/dialog/__docs__/DialogExample.d.ts +1 -1
- package/dist/components/modals/dialog/elements/Layout.d.ts +1 -1
- package/dist/components/modals/tooltip/Tooltip.d.ts +1 -1
- package/dist/components/modals/tooltip/__docs__/TooltipExample.d.ts +1 -1
- package/dist/{components/containers/form/FormContext.d.ts → contexts/chop-logic-form-context.d.ts} +1 -1
- package/dist/contexts/index.d.ts +1 -0
- package/dist/css/index.d.ts +3 -0
- package/dist/css/screen-breakpoints.d.ts +7 -0
- package/dist/{constants → css}/themes.d.ts +1 -1
- package/dist/elements/icon/Icon.d.ts +7 -0
- package/dist/elements/index.d.ts +4 -0
- package/dist/{components/inputs/_common → elements}/input-inner-button/InputInnerButton.d.ts +2 -1
- package/dist/elements/label/Label.styled.d.ts +1 -0
- package/dist/{components/inputs/select → elements/styled}/Select.styled.d.ts +4 -5
- package/dist/enums/chop-logic-alert-mode.d.ts +7 -0
- package/dist/{components/misc/icon/Icon.d.ts → enums/chop-logic-icon-name.d.ts} +0 -6
- package/dist/enums/index.d.ts +2 -0
- package/dist/hooks/index.d.ts +2 -0
- package/dist/index.cjs.js +704 -768
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.es.js +11195 -11170
- package/dist/index.es.js.map +1 -1
- package/dist/{utils/types.d.ts → types/chop-logic-theme.d.ts} +4 -22
- package/dist/types/components/_common.d.ts +16 -0
- package/dist/{components/modals/alert/types.d.ts → types/components/alert.d.ts} +2 -3
- package/dist/{components/inputs/button/types.d.ts → types/components/button.d.ts} +3 -3
- package/dist/{components/inputs/checkbox/types.d.ts → types/components/checkbox.d.ts} +1 -1
- package/dist/{components/modals/dialog/types.d.ts → types/components/dialog.d.ts} +1 -1
- package/dist/{components/containers/form/types.d.ts → types/components/form.d.ts} +1 -1
- package/dist/{components/containers/grid/types.d.ts → types/components/grid.d.ts} +1 -1
- package/dist/{components/inputs/multi-select/types.d.ts → types/components/multi-select.d.ts} +2 -1
- package/dist/{components/inputs/numeric/types.d.ts → types/components/numeric.d.ts} +1 -1
- package/dist/{components/inputs/select/types.d.ts → types/components/select.d.ts} +7 -1
- package/dist/{components/containers/tabs/types.d.ts → types/components/tabs.d.ts} +1 -1
- package/dist/{components/inputs/text/types.d.ts → types/components/text.d.ts} +1 -1
- package/dist/{components/modals/tooltip/types.d.ts → types/components/tooltip.d.ts} +1 -1
- package/dist/types/index.d.ts +13 -0
- package/dist/utils/get-chop-logic-theme.d.ts +1 -1
- package/dist/utils/handle-dropdown-list-key-press.d.ts +1 -1
- package/dist/utils/index.d.ts +3 -0
- package/package.json +12 -12
- package/dist/components/inputs/_common/label/Label.styled.d.ts +0 -3
- package/dist/components/inputs/multi-select/MultiSelect.styled.d.ts +0 -10
- package/dist/constants/style-variables.d.ts +0 -51
- /package/dist/components/containers/portal/{index.d.ts → Portal.d.ts} +0 -0
- /package/dist/{constants → css}/animations.d.ts +0 -0
- /package/dist/{components/inputs/_common → elements}/error-message/ErrorMessage.d.ts +0 -0
- /package/dist/{components/inputs/_common → elements}/error-message/ErrorMessage.styled.d.ts +0 -0
- /package/dist/{components/inputs/_common → elements}/error-message/__tests__/ErrorMessage.test.d.ts +0 -0
- /package/dist/{components/inputs/_common → elements}/input-inner-button/InputInnerButton.styled.d.ts +0 -0
- /package/dist/{components/inputs/_common → elements}/input-inner-button/__tests__/InputInnerButton.test.d.ts +0 -0
- /package/dist/{components/inputs/_common → elements}/label/Label.d.ts +0 -0
- /package/dist/{components/inputs/_common → elements}/label/__tests__/Label.test.d.ts +0 -0
- /package/dist/{components/misc/icon/elements/ArrowDown.d.ts → icons/ArrowDownIcon.d.ts} +0 -0
- /package/dist/{components/misc/icon/elements/ArrowUp.d.ts → icons/ArrowUpIcon.d.ts} +0 -0
- /package/dist/{components/misc/icon/elements/Back.d.ts → icons/BackIcon.d.ts} +0 -0
- /package/dist/{components/misc/icon/elements/Cancel.d.ts → icons/CancelIcon.d.ts} +0 -0
- /package/dist/{components/misc/icon/elements/CheckMark.d.ts → icons/CheckMarkIcon.d.ts} +0 -0
- /package/dist/{components/misc/icon/elements/CheckboxChecked.d.ts → icons/CheckboxCheckedIcon.d.ts} +0 -0
- /package/dist/{components/misc/icon/elements/CheckboxUnchecked.d.ts → icons/CheckboxUncheckedIcon.d.ts} +0 -0
- /package/dist/{components/misc/icon/elements/ChevronDown.d.ts → icons/ChevronDownIcon.d.ts} +0 -0
- /package/dist/{components/misc/icon/elements/ChevronLeft.d.ts → icons/ChevronLeftIcon.d.ts} +0 -0
- /package/dist/{components/misc/icon/elements/ChevronRight.d.ts → icons/ChevronRightIcon.d.ts} +0 -0
- /package/dist/{components/misc/icon/elements/ChevronUp.d.ts → icons/ChevronUpIcon.d.ts} +0 -0
- /package/dist/{components/misc/icon/elements/Clear.d.ts → icons/ClearIcon.d.ts} +0 -0
- /package/dist/{components/misc/icon/elements/Copy.d.ts → icons/CopyIcon.d.ts} +0 -0
- /package/dist/{components/misc/icon/elements/Cut.d.ts → icons/CutIcon.d.ts} +0 -0
- /package/dist/{components/misc/icon/elements/Delete.d.ts → icons/DeleteIcon.d.ts} +0 -0
- /package/dist/{components/misc/icon/elements/Download.d.ts → icons/DownloadIcon.d.ts} +0 -0
- /package/dist/{components/misc/icon/elements/Error.d.ts → icons/ErrorIcon.d.ts} +0 -0
- /package/dist/{components/misc/icon/elements/Forward.d.ts → icons/ForwardIcon.d.ts} +0 -0
- /package/dist/{components/misc/icon/elements/Help.d.ts → icons/HelpIcon.d.ts} +0 -0
- /package/dist/{components/misc/icon/elements/Hide.d.ts → icons/HideIcon.d.ts} +0 -0
- /package/dist/{components/misc/icon/elements/Info.d.ts → icons/InfoIcon.d.ts} +0 -0
- /package/dist/{components/misc/icon/elements/Paste.d.ts → icons/PasteIcon.d.ts} +0 -0
- /package/dist/{components/misc/icon/elements/Question.d.ts → icons/QuestionIcon.d.ts} +0 -0
- /package/dist/{components/misc/icon/elements/Remove.d.ts → icons/RemoveIcon.d.ts} +0 -0
- /package/dist/{components/misc/icon/elements/Save.d.ts → icons/SaveIcon.d.ts} +0 -0
- /package/dist/{components/misc/icon/elements/Show.d.ts → icons/ShowIcon.d.ts} +0 -0
- /package/dist/{components/misc/icon/elements/Upload.d.ts → icons/UploadIcon.d.ts} +0 -0
- /package/dist/{components/misc/icon/elements/Warning.d.ts → icons/WarningIcon.d.ts} +0 -0
- /package/dist/{components/misc/icon → icons}/__tests__/Icons.test.d.ts +0 -0
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { default as React, FormEvent } from 'react';
|
|
2
|
-
import { ChopLogicFormData, ChopLogicFormInputParams } from '
|
|
2
|
+
import { ChopLogicFormData, ChopLogicFormInputParams } from '../../../types';
|
|
3
3
|
|
|
4
4
|
export declare function useChopLogicFormController({ initialValues, onReset, onSubmit, onClickSubmit, }: {
|
|
5
5
|
initialValues?: ChopLogicFormData;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChopLogicFormData, ChopLogicFormInputParams, ChopLogicFormValidationState } from '
|
|
1
|
+
import { ChopLogicFormData, ChopLogicFormInputParams, ChopLogicFormValidationState } from '../../../types';
|
|
2
2
|
|
|
3
3
|
export declare function getInitialValidationState(data?: ChopLogicFormData): ChopLogicFormValidationState;
|
|
4
4
|
export declare function updateValidationState(state: ChopLogicFormValidationState, params: ChopLogicFormInputParams): ChopLogicFormValidationState;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { ChopLogicGridColumn, ChopLogicGridItem, RenderDataItemCallback } from '
|
|
2
|
+
import { ChopLogicGridColumn, ChopLogicGridItem, RenderDataItemCallback } from '../../../../types';
|
|
3
3
|
|
|
4
4
|
type ChopLogicGridBodyProps = {
|
|
5
5
|
data: ChopLogicGridItem[];
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { ChopLogicGridColumn, ChopLogicGridItem, RenderDataItemCallback } from '
|
|
2
|
+
import { ChopLogicGridColumn, ChopLogicGridItem, RenderDataItemCallback } from '../../../types';
|
|
3
3
|
|
|
4
4
|
export declare function getGridRowValues({ item, columns, renderDataItem, }: {
|
|
5
5
|
item: ChopLogicGridItem;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChopLogicTabsMode } from '
|
|
1
|
+
import { ChopLogicTabsMode } from '../../../types';
|
|
2
2
|
|
|
3
3
|
export declare const StyledTabButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
4
4
|
$selected: boolean;
|
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
import { default as React } from 'react';
|
|
2
|
+
import { ChopLogicTabsProps } from '../../../../types';
|
|
3
|
+
|
|
4
|
+
declare const ExampleComponent: React.FC<ChopLogicTabsProps>;
|
|
2
5
|
export default ExampleComponent;
|
|
@@ -9,4 +9,5 @@ export { default as ChopLogicDialog } from './modals/dialog/Dialog';
|
|
|
9
9
|
export { default as ChopLogicTooltip } from './modals/tooltip/Tooltip';
|
|
10
10
|
export { default as ChopLogicForm } from './containers/form/Form';
|
|
11
11
|
export { default as ChopLogicGrid } from './containers/grid/Grid';
|
|
12
|
+
export { default as ChopLogicPortal } from './containers/portal/Portal';
|
|
12
13
|
export { default as ChopLogicTabs } from './containers/tabs/Tabs';
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
export declare const StyledButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
4
|
-
$view: ChopLogicButtonView;
|
|
5
|
-
$disabled: boolean;
|
|
1
|
+
export declare const Styled3DButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
6
2
|
$extended: boolean;
|
|
7
3
|
}>> & string;
|
|
8
|
-
export declare const
|
|
4
|
+
export declare const StyledFlatButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
|
|
5
|
+
$extended: boolean;
|
|
6
|
+
}>> & string;
|
|
7
|
+
export declare const StyledIconButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
|
|
@@ -4,8 +4,6 @@ import { default as ButtonExample } from './ButtonExample';
|
|
|
4
4
|
declare const meta: Meta<typeof ButtonExample>;
|
|
5
5
|
export default meta;
|
|
6
6
|
type Story = StoryObj<typeof ButtonExample>;
|
|
7
|
-
export declare const
|
|
8
|
-
export declare const
|
|
9
|
-
export declare const DangerButton: Story;
|
|
7
|
+
export declare const DefaultButton: Story;
|
|
8
|
+
export declare const FlatButton: Story;
|
|
10
9
|
export declare const IconButton: Story;
|
|
11
|
-
export declare const DisabledButton: Story;
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
export declare const
|
|
1
|
+
export declare const StyledCheckbox: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
2
2
|
$disabled: boolean;
|
|
3
3
|
}>> & string;
|
|
4
|
-
export declare const StyledCheckboxInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ChopLogicFormData } from '
|
|
1
|
+
import { ChopLogicFormData } from '../../../types';
|
|
2
2
|
|
|
3
3
|
export declare function getCheckboxInitialValue({ defaultChecked, initialValues, name, }: {
|
|
4
4
|
defaultChecked?: boolean;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { ChopLogicMultiSelectProps } from '
|
|
2
|
+
import { ChopLogicMultiSelectProps } from '../../../types';
|
|
3
3
|
|
|
4
4
|
declare const ChopLogicMultiSelect: React.FC<ChopLogicMultiSelectProps>;
|
|
5
5
|
export default ChopLogicMultiSelect;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { SelectValue } from '
|
|
2
|
-
import { MultiSelectValue } from './types';
|
|
1
|
+
import { MultiSelectValue, SelectValue } from '../../../types';
|
|
3
2
|
|
|
4
3
|
export declare function useChopLogicMultiSelectController({ name, defaultValue, onChange, options, }: {
|
|
5
4
|
name: string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { MultiSelectDropdownProps } from '
|
|
2
|
+
import { MultiSelectDropdownProps } from '../../../../types';
|
|
3
3
|
|
|
4
4
|
declare const MultiSelectDropdown: React.FC<MultiSelectDropdownProps>;
|
|
5
5
|
export default MultiSelectDropdown;
|
|
@@ -1,6 +1,4 @@
|
|
|
1
|
-
import { SelectValue } from '
|
|
2
|
-
import { ChopLogicFormData } from '../../../../../../../../../src/components/containers/form/types';
|
|
3
|
-
import { MultiSelectValue } from './types';
|
|
1
|
+
import { ChopLogicFormData, MultiSelectValue, SelectValue } from '../../../types';
|
|
4
2
|
|
|
5
3
|
export declare function getMultiSelectInitialValues({ name, options, initialValues, defaultValue, }: {
|
|
6
4
|
name: string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { ChopLogicNumericInputProps } from '
|
|
2
|
+
import { ChopLogicNumericInputProps } from '../../../types';
|
|
3
3
|
|
|
4
4
|
declare const ChopLogicNumericInput: React.FC<ChopLogicNumericInputProps>;
|
|
5
5
|
export default ChopLogicNumericInput;
|
|
@@ -1,8 +1 @@
|
|
|
1
|
-
export declare const
|
|
2
|
-
export declare const StyledNumericInputWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
3
|
-
$disabled: boolean;
|
|
4
|
-
$invalid: boolean;
|
|
5
|
-
}>> & string;
|
|
6
|
-
export declare const StyledNumericInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
|
|
7
|
-
export declare const StyledFieldWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
8
|
-
export declare const StyledButtonsWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
1
|
+
export declare const StyledNumericInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { default as React, ChangeEventHandler } from 'react';
|
|
2
|
-
import { NumericValidationFunction } from '
|
|
2
|
+
import { NumericValidationFunction } from '../../../types';
|
|
3
3
|
|
|
4
4
|
export declare function useChopLogicNumericInputController({ name, defaultValue, onChange, onSpinButtonClick, min, max, step, required, validator, }: {
|
|
5
5
|
name: string;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { ChopLogicFormData } from '
|
|
2
|
-
import { NumericValidationFunction } from './types';
|
|
1
|
+
import { ChopLogicFormData, NumericValidationFunction } from '../../../types';
|
|
3
2
|
|
|
4
3
|
export declare function getNumericInputInitialValue({ name, initialValues, defaultValue, }: {
|
|
5
4
|
name: string;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { SelectValue } from '
|
|
2
|
-
import { ChopLogicFormData } from '../../../../../../../../../src/components/containers/form/types';
|
|
1
|
+
import { ChopLogicFormData, SelectValue } from '../../../types';
|
|
3
2
|
|
|
4
3
|
export declare function getSelectInitialValue({ name, options, initialValues, defaultValue, }: {
|
|
5
4
|
name: string;
|
|
@@ -1,8 +1 @@
|
|
|
1
|
-
export declare const
|
|
2
|
-
export declare const StyledTextInputWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
|
|
3
|
-
$disabled: boolean;
|
|
4
|
-
$invalid: boolean;
|
|
5
|
-
}>> & string;
|
|
6
|
-
export declare const StyledTextInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
|
|
7
|
-
export declare const StyledFieldWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
8
|
-
export declare const StyledButtonsWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
1
|
+
export declare const StyledTextInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { default as React, ChangeEventHandler } from 'react';
|
|
2
|
-
import { RegExpWithFlags, TextValidationFunction } from '
|
|
2
|
+
import { RegExpWithFlags, TextValidationFunction } from '../../../types';
|
|
3
3
|
|
|
4
4
|
export declare function useChopLogicTextInputController({ name, defaultValue, onChange, onClear, required, validator, }: {
|
|
5
5
|
name: string;
|
|
@@ -1,5 +1,4 @@
|
|
|
1
|
-
import { ChopLogicFormData } from '
|
|
2
|
-
import { RegExpWithFlags, TextValidationFunction } from './types';
|
|
1
|
+
import { ChopLogicFormData, RegExpWithFlags, TextValidationFunction } from '../../../types';
|
|
3
2
|
|
|
4
3
|
export declare function validateTextInputValue({ value, required, validator, }: {
|
|
5
4
|
value: string;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
2
|
import { Meta, StoryObj } from '@storybook/react';
|
|
3
|
-
import { ChopLogicAlertProps } from '
|
|
3
|
+
import { ChopLogicAlertProps } from '../../../../types';
|
|
4
4
|
|
|
5
5
|
declare const ExampleComponent: React.FC<ChopLogicAlertProps>;
|
|
6
6
|
declare const meta: Meta<typeof ExampleComponent>;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { ChopLogicAlertHeaderProps } from '
|
|
2
|
+
import { ChopLogicAlertHeaderProps } from '../../../../types';
|
|
3
3
|
|
|
4
4
|
declare const ChopLogicAlertHeader: React.FC<ChopLogicAlertHeaderProps>;
|
|
5
5
|
export default ChopLogicAlertHeader;
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { ChopLogicIconName } from '
|
|
3
|
-
import { ChopLogicAlertMode } from './types';
|
|
2
|
+
import { ChopLogicAlertMode, ChopLogicIconName } from '../../../enums';
|
|
4
3
|
|
|
5
4
|
export declare function getAlertTitle(mode: ChopLogicAlertMode, title?: string): string;
|
|
6
5
|
export declare function renderAlertIcon(mode: ChopLogicAlertMode, icon?: ChopLogicIconName): React.ReactElement | null;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { ChopLogicFormContext } from './chop-logic-form-context';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
export declare const SCREEN_BREAKPOINTS: Readonly<{
|
|
2
|
+
phones: "only screen and (max-width: 600px)";
|
|
3
|
+
portraitTablets: "only screen and (min-width: 600px)";
|
|
4
|
+
landscapeTablets: "only screen and (min-width: 768px)";
|
|
5
|
+
laptops: "only screen and (min-width: 992px)";
|
|
6
|
+
desktops: "only screen and (min-width: 1200px)";
|
|
7
|
+
}>;
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
export { default as ChopLogicErrorMessage } from './error-message/ErrorMessage';
|
|
2
|
+
export { default as ChopLogicIcon } from './icon/Icon';
|
|
3
|
+
export { default as ChopLogicInputInnerButton } from './input-inner-button/InputInnerButton';
|
|
4
|
+
export { default as ChopLogicLabel } from './label/Label';
|
package/dist/{components/inputs/_common → elements}/input-inner-button/InputInnerButton.d.ts
RENAMED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { default as React } from 'react';
|
|
2
|
-
import { ChopLogicIconName } from '
|
|
2
|
+
import { ChopLogicIconName } from '../../enums';
|
|
3
3
|
|
|
4
4
|
type ClearInputButtonProps = {
|
|
5
5
|
onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
|
|
6
6
|
label: string;
|
|
7
7
|
icon: ChopLogicIconName;
|
|
8
|
+
disabled?: boolean;
|
|
8
9
|
};
|
|
9
10
|
declare const InputInnerButton: React.FC<ClearInputButtonProps>;
|
|
10
11
|
export default InputInnerButton;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const StyledLabel: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
|