@pdg/react-form 1.1.13 → 1.1.15

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.
Files changed (14) hide show
  1. package/dist/@types/types.d.ts +2 -2
  2. package/dist/PFormContext/PFormContext.d.ts +1 -1
  3. package/dist/PFormContext/PFormContext.types.d.ts +5 -5
  4. package/dist/PFormItemCustom/PFormAutocomplete/PFormAutocomplete.d.ts +2 -2
  5. package/dist/PFormItemCustom/PFormAutocomplete/PFormAutocomplete.types.d.ts +12 -13
  6. package/dist/PFormItemCustom/PFormRadioGroup/PFormRadioGroup.d.ts +2 -2
  7. package/dist/PFormItemCustom/PFormRadioGroup/PFormRadioGroup.types.d.ts +6 -6
  8. package/dist/PFormItemCustom/PFormToggleButtonGroup/PFormToggleButtonGroup.d.ts +2 -2
  9. package/dist/PFormItemCustom/PFormToggleButtonGroup/PFormToggleButtonGroup.types.d.ts +5 -6
  10. package/dist/PFormItemTextFieldBase/PFormSelect/PFormSelect.d.ts +4 -4
  11. package/dist/PFormItemTextFieldBase/PFormSelect/PFormSelect.types.d.ts +5 -7
  12. package/dist/index.esm.js +40 -27
  13. package/dist/index.js +31 -18
  14. package/package.json +5 -5
package/dist/@types/types.d.ts CHANGED
@@ -45,8 +45,8 @@ export interface PFormArrayValueItemCommands {
45
45
  getFormValueSeparator: () => string;
46
46
  }
47
47
  export interface PFormItemsValueItemCommands<T> {
48
- getItems: () => T[] | undefined;
49
- setItems: (items: T[] | undefined) => void;
48
+ getItems: () => readonly T[] | undefined;
49
+ setItems: (items: readonly T[] | undefined) => void;
50
50
  }
51
51
  export interface PFormCheckValueItemCommands<T> {
52
52
  getChecked: () => boolean;
package/dist/PFormContext/PFormContext.d.ts CHANGED
@@ -1,3 +1,3 @@
1
1
  import { PFormContextValue } from './PFormContext.types';
2
- declare const PFormContext: import("react").Context<PFormContextValue<any, true>>;
2
+ declare const PFormContext: import("react").Context<PFormContextValue<any, true, any, any, any>>;
3
3
  export default PFormContext;
package/dist/PFormContext/PFormContext.types.d.ts CHANGED
@@ -1,16 +1,16 @@
1
1
  import { PartialPick, PFormValueItemCommands } from '../@types';
2
2
  import { PFormProps } from '../PForm/PForm.types';
3
- export interface PFormContextValue<T = any, AllowUndefinedValue extends boolean = true, ItemValue = any, RangeItemValue = any> extends PartialPick<PFormProps, 'variant' | 'size' | 'color' | 'spacing' | 'formColGap' | 'focused' | 'labelShrink' | 'fullWidth'> {
3
+ export interface PFormContextValue<T = any, AllowUndefinedValue extends boolean = true, ItemValue = any, RangeItemValue = any, TV = T | (AllowUndefinedValue extends true ? undefined : never)> extends PartialPick<PFormProps, 'variant' | 'size' | 'color' | 'spacing' | 'formColGap' | 'focused' | 'labelShrink' | 'fullWidth'> {
4
4
  id: string;
5
5
  fullHeight?: boolean;
6
6
  disabled?: boolean;
7
7
  submitWhenReturnKey?: boolean;
8
8
  onAddValueItem: (id: string, commands: PFormValueItemCommands<T, AllowUndefinedValue, ItemValue, RangeItemValue>) => void;
9
9
  onRemoveValueItem: (id: string) => void;
10
- onValueChange: (name: string, value: T) => void;
11
- onValueChangeByUser: (name: string, value: T) => void;
12
- onRequestSubmit: (name: string, value: T) => void;
13
- onRequestSearchSubmit: (name: string, value: T) => void;
10
+ onValueChange: (name: string, value: TV) => void;
11
+ onValueChangeByUser: (name: string, value: TV) => void;
12
+ onRequestSubmit: (name: string, value: TV) => void;
13
+ onRequestSearchSubmit: (name: string, value: TV) => void;
14
14
  /** PFormRow */
15
15
  formColAutoXs?: number;
16
16
  formColWidth?: number;
package/dist/PFormItemCustom/PFormAutocomplete/PFormAutocomplete.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
- import { PFormAutocompleteProps, PFormAutocompleteCommands, PFormAutocompleteSingleValue } from './PFormAutocomplete.types';
3
- declare const PFormAutocomplete: (<T extends PFormAutocompleteSingleValue, Multiple extends boolean | undefined>(props: PFormAutocompleteProps<T, Multiple> & React.RefAttributes<PFormAutocompleteCommands<T, Multiple>>) => React.ReactElement | null) & Pick<React.ForwardRefExoticComponent<any>, "displayName" | "propTypes" | "$$typeof">;
2
+ import { PFormAutocompleteProps, PFormAutocompleteCommands, PFormAutocompleteItem, PFormAutocompleteComponentValue, PFormAutocompleteSingleValue, PFormAutocompleteItems } from './PFormAutocomplete.types';
3
+ declare const PFormAutocomplete: (<T extends PFormAutocompleteSingleValue, Multiple extends boolean | undefined = undefined, Items extends PFormAutocompleteItems<T> = []>(props: PFormAutocompleteProps<T, Multiple, Items, Items[number]["value"], PFormAutocompleteItem<Items[number]["value"]>, Multiple extends true ? Items[number]["value"][] : Items[number]["value"], PFormAutocompleteComponentValue<Items[number]["value"], Multiple>> & React.RefAttributes<PFormAutocompleteCommands<T, Multiple>>) => React.ReactElement | null) & Pick<React.ForwardRefExoticComponent<any>, "displayName" | "propTypes" | "$$typeof">;
4
4
  export default PFormAutocomplete;
package/dist/PFormItemCustom/PFormAutocomplete/PFormAutocomplete.types.d.ts CHANGED
@@ -9,12 +9,11 @@ export interface PFormAutocompleteItem<T extends PFormAutocompleteSingleValue> {
9
9
  disabled?: boolean;
10
10
  [key: string]: any;
11
11
  }
12
- export type PFormAutocompleteItems<T extends PFormAutocompleteSingleValue> = PFormAutocompleteItem<T>[];
13
- export type PFormAutocompleteValue<T extends PFormAutocompleteSingleValue, Multiple extends boolean | undefined> = ([Multiple] extends [true] ? T[] : T) | undefined;
14
- export type PFormAutocompleteComponentValue<T extends PFormAutocompleteSingleValue, Multiple extends boolean | undefined> = ([Multiple] extends [true] ? PFormAutocompleteItem<T>[] : PFormAutocompleteItem<T>) | null;
15
- export interface PFormAutocompleteProps<T extends PFormAutocompleteSingleValue, Multiple extends boolean | undefined = undefined> extends PCommonSxProps, Omit<PFormValueItemProps<PFormAutocompleteValue<T, Multiple>>, 'value'>, Pick<PFormTextFieldProps<T>, 'required' | 'focused' | 'labelShrink' | 'onFocus' | 'onBlur'> {
16
- value?: PFormAutocompleteValue<T, Multiple>;
17
- items?: PFormAutocompleteItems<T>;
12
+ export type PFormAutocompleteItems<T extends PFormAutocompleteSingleValue> = readonly PFormAutocompleteItem<T>[];
13
+ export type PFormAutocompleteValue<T extends PFormAutocompleteSingleValue, Multiple extends boolean | undefined = undefined> = (Multiple extends true ? T[] : T) | undefined;
14
+ export type PFormAutocompleteComponentValue<T extends PFormAutocompleteSingleValue, Multiple extends boolean | undefined = undefined> = (Multiple extends true ? PFormAutocompleteItem<T>[] : PFormAutocompleteItem<T>) | null;
15
+ export interface PFormAutocompleteProps<T extends PFormAutocompleteSingleValue, Multiple extends boolean | undefined = undefined, Items extends PFormAutocompleteItems<T> = [], SingleValue extends Items[number]['value'] = Items[number]['value'], Item = PFormAutocompleteItem<SingleValue>, Value = Multiple extends true ? SingleValue[] : SingleValue, ComponentValue = PFormAutocompleteComponentValue<SingleValue, Multiple>> extends PCommonSxProps, PFormValueItemProps<Value>, Pick<PFormTextFieldProps<SingleValue>, 'required' | 'focused' | 'labelShrink' | 'onFocus' | 'onBlur'> {
16
+ items?: Items;
18
17
  multiple?: Multiple;
19
18
  formValueSeparator?: string;
20
19
  formValueSort?: boolean;
@@ -29,13 +28,13 @@ export interface PFormAutocompleteProps<T extends PFormAutocompleteSingleValue,
29
28
  disableClearable?: boolean;
30
29
  async?: boolean;
31
30
  autoFocus?: boolean;
32
- onLoadItems?: (inputValue?: string) => Promise<PFormAutocompleteItems<T>>;
33
- onAsyncLoadValueItem?: (value: PFormAutocompleteValue<T, Multiple>) => Promise<PFormAutocompleteComponentValue<T, Multiple>>;
34
- onRenderItem?: (item: PFormAutocompleteItem<T>) => ReactNode;
35
- onRenderTag?: (item: PFormAutocompleteItem<T>) => ReactNode;
36
- onValue?: (value: PFormAutocompleteValue<T, Multiple>) => PFormAutocompleteValue<T, Multiple>;
37
- onAddItem?: (item: PFormAutocompleteItem<T>) => boolean | Promise<boolean>;
38
- getOptionDisabled?: (item: PFormAutocompleteItem<T>) => boolean;
31
+ onLoadItems?: (inputValue?: string) => Promise<Items>;
32
+ onAsyncLoadValueItem?: (value: Value) => Promise<ComponentValue>;
33
+ onRenderItem?: (item: Item) => ReactNode;
34
+ onRenderTag?: (item: Item) => ReactNode;
35
+ onValue?: (value: Value | undefined) => Value | undefined;
36
+ onAddItem?: (item: Item) => boolean | Promise<boolean>;
37
+ getOptionDisabled?: (item: Item) => boolean;
39
38
  }
40
39
  export interface PFormAutocompleteCommands<T extends PFormAutocompleteSingleValue, Multiple extends boolean | undefined = undefined> extends PFormValueItemBaseCommands<PFormAutocompleteValue<T, Multiple>, true>, PFormArrayValueItemCommands, PFormItemsValueItemCommands<PFormAutocompleteItem<T>>, PFormMultipleValueItemCommands, PFormLoadingValueItemCommands {
41
40
  reloadItems: () => void;
package/dist/PFormItemCustom/PFormRadioGroup/PFormRadioGroup.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
- import { PFormRadioGroupProps, PFormRadioGroupCommands, PFormRadioGroupSingleValue } from './PFormRadioGroup.types';
3
- declare const PFormRadioGroup: (<T extends PFormRadioGroupSingleValue>(props: PFormRadioGroupProps<T> & React.RefAttributes<PFormRadioGroupCommands<T>>) => React.ReactElement | null) & Pick<React.ForwardRefExoticComponent<any>, "displayName" | "propTypes" | "$$typeof">;
2
+ import { PFormRadioGroupProps, PFormRadioGroupCommands, PFormRadioGroupSingleValue, PFormRadioGroupItems } from './PFormRadioGroup.types';
3
+ declare const PFormRadioGroup: (<BaseValue extends PFormRadioGroupSingleValue, Items extends PFormRadioGroupItems<BaseValue>>(props: PFormRadioGroupProps<BaseValue, Items, Items[number]["value"]> & React.RefAttributes<PFormRadioGroupCommands<BaseValue>>) => React.ReactElement | null) & Pick<React.ForwardRefExoticComponent<any>, "displayName" | "propTypes" | "$$typeof">;
4
4
  export default PFormRadioGroup;
package/dist/PFormItemCustom/PFormRadioGroup/PFormRadioGroup.types.d.ts CHANGED
@@ -6,17 +6,17 @@ export interface PFormRadioGroupItem<T extends PFormRadioGroupSingleValue> {
6
6
  value: T;
7
7
  disabled?: boolean;
8
8
  }
9
- export type PFormRadioGroupItems<T extends PFormRadioGroupSingleValue> = PFormRadioGroupItem<T>[];
9
+ export type PFormRadioGroupItems<T extends PFormRadioGroupSingleValue> = readonly PFormRadioGroupItem<T>[];
10
10
  export type PFormRadioGroupValue<T extends PFormRadioGroupSingleValue> = T | undefined;
11
- export interface PFormRadioGroupProps<T extends PFormRadioGroupSingleValue> extends PCommonSxProps, Omit<PFormValueItemProps<T>, 'value'> {
12
- value?: T;
13
- items?: PFormRadioGroupItem<T>[];
11
+ export interface PFormRadioGroupProps<BaseValue extends PFormRadioGroupSingleValue, Items extends PFormRadioGroupItems<BaseValue>, Value extends PFormRadioGroupSingleValue = Items[number]['value']> extends PCommonSxProps, Omit<PFormValueItemProps<PFormRadioGroupValue<Value>>, 'value'> {
12
+ value?: Value;
13
+ items?: Items;
14
14
  required?: boolean;
15
15
  inline?: boolean;
16
16
  loading?: boolean;
17
17
  nowrap?: boolean;
18
- onLoadItems?: () => Promise<PFormRadioGroupItem<T>[]>;
19
- onValue?: (value: PFormRadioGroupValue<T>) => PFormRadioGroupValue<T>;
18
+ onLoadItems?: () => Promise<Items>;
19
+ onValue?: (value: PFormRadioGroupValue<Value>) => PFormRadioGroupValue<Value>;
20
20
  }
21
21
  export interface PFormRadioGroupCommands<T extends PFormRadioGroupSingleValue> extends PFormValueItemBaseCommands<T, true>, PFormItemsValueItemCommands<PFormRadioGroupItem<T>>, PFormLoadingValueItemCommands {
22
22
  reloadItems: () => void;
package/dist/PFormItemCustom/PFormToggleButtonGroup/PFormToggleButtonGroup.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { PFormToggleButtonGroupProps, PFormToggleButtonGroupCommands, PFormToggleButtonGroupSingleValue } from './PFormToggleButtonGroup.types';
2
+ import { PFormToggleButtonGroupProps, PFormToggleButtonGroupCommands, PFormToggleButtonGroupSingleValue, PFormToggleButtonGroupValue, PFormToggleButtonGroupItems } from './PFormToggleButtonGroup.types';
3
3
  import './PFormToggleButtonGroup.scss';
4
- declare const PFormToggleButtonGroup: (<T extends PFormToggleButtonGroupSingleValue, Multiple extends boolean | undefined>(props: PFormToggleButtonGroupProps<T, Multiple> & React.RefAttributes<PFormToggleButtonGroupCommands<T, Multiple>>) => React.ReactElement | null) & Pick<React.ForwardRefExoticComponent<any>, "displayName" | "propTypes" | "$$typeof">;
4
+ declare const PFormToggleButtonGroup: (<T extends PFormToggleButtonGroupSingleValue, Multiple extends boolean | undefined = undefined, Items extends PFormToggleButtonGroupItems<T> = []>(props: PFormToggleButtonGroupProps<T, Multiple, Items, Items[number]["value"], PFormToggleButtonGroupValue<Items[number]["value"], Multiple>> & React.RefAttributes<PFormToggleButtonGroupCommands<T, Multiple>>) => React.ReactElement | null) & Pick<React.ForwardRefExoticComponent<any>, "displayName" | "propTypes" | "$$typeof">;
5
5
  export default PFormToggleButtonGroup;
package/dist/PFormItemCustom/PFormToggleButtonGroup/PFormToggleButtonGroup.types.d.ts CHANGED
@@ -9,20 +9,19 @@ export interface PFormToggleButtonGroupItem<T extends PFormToggleButtonGroupSing
9
9
  disabled?: boolean;
10
10
  color?: ToggleButtonProps['color'];
11
11
  }
12
- export type PFormToggleButtonGroupItems<T extends PFormToggleButtonGroupSingleValue> = PFormToggleButtonGroupItem<T>[];
12
+ export type PFormToggleButtonGroupItems<T extends PFormToggleButtonGroupSingleValue> = readonly PFormToggleButtonGroupItem<T>[];
13
13
  export type PFormToggleButtonGroupValue<T extends PFormToggleButtonGroupSingleValue, Multiple extends boolean | undefined> = ([Multiple] extends [true] ? T[] : T) | undefined;
14
- export interface PFormToggleButtonGroupProps<T extends PFormToggleButtonGroupSingleValue, Multiple extends boolean | undefined = undefined> extends PCommonSxProps, Omit<PFormValueItemProps<PFormToggleButtonGroupValue<T, Multiple>>, 'value'>, PartialPick<PFormItemBaseProps, 'required' | 'focused'> {
14
+ export interface PFormToggleButtonGroupProps<T extends PFormToggleButtonGroupSingleValue, Multiple extends boolean | undefined = undefined, Items extends PFormToggleButtonGroupItems<T> = [], SingleValue extends Items[number]['value'] = Items[number]['value'], Value = PFormToggleButtonGroupValue<SingleValue, Multiple>> extends PCommonSxProps, PFormValueItemProps<Value>, PartialPick<PFormItemBaseProps, 'required' | 'focused'> {
15
15
  type?: 'button' | 'checkbox' | 'radio';
16
- value?: PFormToggleButtonGroupValue<T, Multiple>;
17
- items?: PFormToggleButtonGroupItem<T>[];
16
+ items?: Items;
18
17
  multiple?: Multiple;
19
18
  notAllowEmptyValue?: boolean;
20
19
  formValueSeparator?: string;
21
20
  formValueSort?: boolean;
22
21
  loading?: boolean;
23
22
  itemWidth?: number | string;
24
- onLoadItems?: () => Promise<PFormToggleButtonGroupItem<T>[]>;
25
- onValue?: (value: PFormToggleButtonGroupValue<T, Multiple>) => PFormToggleButtonGroupValue<T, Multiple>;
23
+ onLoadItems?: () => Promise<Items>;
24
+ onValue?: (value: Value) => Value;
26
25
  }
27
26
  export interface PFormToggleButtonGroupExtraCommands<T extends PFormToggleButtonGroupSingleValue> extends PFormArrayValueItemCommands, PFormItemsValueItemCommands<PFormToggleButtonGroupItem<T>>, PFormMultipleValueItemCommands, PFormLoadingValueItemCommands {
28
27
  }
package/dist/PFormItemTextFieldBase/PFormSelect/PFormSelect.d.ts CHANGED
@@ -1,14 +1,14 @@
1
1
  import React from 'react';
2
- import { PFormSelectCommands, PFormSelectSingleValue, PFormSelectValue, PFormSelectItem } from './PFormSelect.types';
2
+ import { PFormSelectCommands, PFormSelectSingleValue, PFormSelectValue, PFormSelectItems } from './PFormSelect.types';
3
3
  import './PFormSelect.scss';
4
- declare const PFormSelect: (<T extends PFormSelectSingleValue, Multiple extends boolean | undefined>(props: Omit<import("../PFormTextField").PFormTextFieldProps<PFormSelectValue<T, Multiple>, false>, "type" | "clear"> & {
5
- items?: import("./PFormSelect.types").PFormSelectItems<T> | undefined;
4
+ declare const PFormSelect: (<T extends PFormSelectSingleValue, Multiple extends boolean | undefined = undefined, Items extends PFormSelectItems<T> = []>(props: Omit<import("../PFormTextField").PFormTextFieldProps<PFormSelectValue<Items[number]["value"], Multiple>, false>, "type" | "clear"> & {
5
+ items?: Items | undefined;
6
6
  multiple?: Multiple | undefined;
7
7
  checkbox?: boolean;
8
8
  formValueSeparator?: string;
9
9
  formValueSort?: boolean;
10
10
  minWidth?: string | number;
11
11
  loading?: boolean;
12
- onLoadItems?: (() => Promise<PFormSelectItem<T>[]>) | undefined;
12
+ onLoadItems?: (() => Promise<Items>) | undefined;
13
13
  } & React.RefAttributes<PFormSelectCommands<T, Multiple>>) => React.ReactElement | null) & Pick<React.ForwardRefExoticComponent<any>, "displayName" | "propTypes" | "$$typeof">;
14
14
  export default PFormSelect;
package/dist/PFormItemTextFieldBase/PFormSelect/PFormSelect.types.d.ts CHANGED
@@ -2,9 +2,7 @@ import { ReactNode } from 'react';
2
2
  import { PFormArrayValueItemCommands, PFormItemsValueItemCommands, PFormLoadingValueItemCommands, PFormValueItemBaseCommands, PFormMultipleValueItemCommands } from '../../@types';
3
3
  import { PFormTextFieldProps } from '../PFormTextField';
4
4
  export type PFormSelectSingleValue = string | number | boolean;
5
- export type PFormSelectValue<T extends PFormSelectSingleValue, Multiple extends boolean | undefined> = [
6
- Multiple
7
- ] extends [true] ? T[] : '' | T;
5
+ export type PFormSelectValue<T extends PFormSelectSingleValue, Multiple extends boolean | undefined = undefined> = Multiple extends true ? T[] : '' | T;
8
6
  export interface PFormSelectExtraCommands<T extends PFormSelectSingleValue> extends PFormArrayValueItemCommands, PFormItemsValueItemCommands<PFormSelectItem<T>>, PFormMultipleValueItemCommands, PFormLoadingValueItemCommands {
9
7
  reloadItems: () => void;
10
8
  }
@@ -16,14 +14,14 @@ export interface PFormSelectItem<T extends PFormSelectSingleValue> {
16
14
  disabled?: boolean;
17
15
  [key: string]: any;
18
16
  }
19
- export type PFormSelectItems<T extends PFormSelectSingleValue> = PFormSelectItem<T>[];
20
- export type PFormSelectProps<T extends PFormSelectSingleValue, Multiple extends boolean | undefined = undefined> = Omit<PFormTextFieldProps<PFormSelectValue<T, Multiple>, false>, 'type' | 'clear'> & {
21
- items?: PFormSelectItems<T>;
17
+ export type PFormSelectItems<T extends PFormSelectSingleValue> = readonly PFormSelectItem<T>[];
18
+ export type PFormSelectProps<T extends PFormSelectSingleValue, Multiple extends boolean | undefined = undefined, Items extends PFormSelectItems<T> = [], SingleValue extends Items[number]['value'] = Items[number]['value'], Value extends PFormSelectValue<SingleValue, Multiple> = PFormSelectValue<SingleValue, Multiple>> = Omit<PFormTextFieldProps<Value, false>, 'type' | 'clear'> & {
19
+ items?: Items;
22
20
  multiple?: Multiple;
23
21
  checkbox?: boolean;
24
22
  formValueSeparator?: string;
25
23
  formValueSort?: boolean;
26
24
  minWidth?: string | number;
27
25
  loading?: boolean;
28
- onLoadItems?: () => Promise<PFormSelectItem<T>[]>;
26
+ onLoadItems?: () => Promise<Items>;
29
27
  };
package/dist/index.esm.js CHANGED
@@ -596,7 +596,7 @@ var appendFormValueData = function (data, itemCommands) {
596
596
  flexDirection: 'column',
597
597
  height: fullHeight ? '100%' : undefined,
598
598
  } }, children))));
599
- });var PFormButton = React.forwardRef(function (_a, ref) {
599
+ });var PFormButton$1 = React.forwardRef(function (_a, ref) {
600
600
  /********************************************************************************************************************
601
601
  * FormState
602
602
  * ******************************************************************************************************************/
@@ -613,9 +613,9 @@ var appendFormValueData = function (data, itemCommands) {
613
613
  * ******************************************************************************************************************/
614
614
  return (React.createElement(PButton, __assign({ ref: ref, className: classNames(className, 'PFormButton'), type: type, variant: initVariant ? initVariant : type === 'submit' ? 'contained' : 'outlined', size: size, color: color, fullWidth: fullWidth, onClick: onClick }, props)));
615
615
  });
616
- var PFormButton$1 = React.memo(PFormButton);var IconPIcon = styled(PIcon)(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n vertical-align: middle;\n margin-right: 3px;\n margin-top: -4px;\n margin-bottom: -2px;\n"], ["\n vertical-align: middle;\n margin-right: 3px;\n margin-top: -4px;\n margin-bottom: -2px;\n"])));
616
+ var PFormButton = React.memo(PFormButton$1);var IconPIcon = styled(PIcon)(templateObject_1$j || (templateObject_1$j = __makeTemplateObject(["\n vertical-align: middle;\n margin-right: 3px;\n margin-top: -4px;\n margin-bottom: -2px;\n"], ["\n vertical-align: middle;\n margin-right: 3px;\n margin-top: -4px;\n margin-bottom: -2px;\n"])));
617
617
  var ChildrenSpan = styled('span')(templateObject_2$9 || (templateObject_2$9 = __makeTemplateObject(["\n vertical-align: middle;\n"], ["\n vertical-align: middle;\n"])));
618
- var templateObject_1$j, templateObject_2$9;var PFormLabel = React.forwardRef(function (_a, ref) {
618
+ var templateObject_1$j, templateObject_2$9;var PFormLabel$1 = React.forwardRef(function (_a, ref) {
619
619
  /********************************************************************************************************************
620
620
  * Use
621
621
  * ******************************************************************************************************************/
@@ -635,7 +635,7 @@ var templateObject_1$j, templateObject_2$9;var PFormLabel = React.forwardRef(fun
635
635
  React.createElement(IconPIcon, null, icon),
636
636
  React.createElement(ChildrenSpan, null, children))) : (children)));
637
637
  });
638
- var PFormLabel$1 = React.memo(PFormLabel);var StyledLineBox = styled(Box)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n border-bottom: thin solid #dfdfdf;\n position: absolute;\n left: 0;\n top: 50%;\n width: 100%;\n"], ["\n border-bottom: thin solid #dfdfdf;\n position: absolute;\n left: 0;\n top: 50%;\n width: 100%;\n"])));
638
+ var PFormLabel = React.memo(PFormLabel$1);var StyledLineBox = styled(Box)(templateObject_1$i || (templateObject_1$i = __makeTemplateObject(["\n border-bottom: thin solid #dfdfdf;\n position: absolute;\n left: 0;\n top: 50%;\n width: 100%;\n"], ["\n border-bottom: thin solid #dfdfdf;\n position: absolute;\n left: 0;\n top: 50%;\n width: 100%;\n"])));
639
639
  var StyledErrorLineBox = styled(Box)(function (_a) {
640
640
  var theme = _a.theme;
641
641
  return ({
@@ -865,7 +865,7 @@ var templateObject_1$g;var PFormRow = React.forwardRef(function (_a, ref) {
865
865
  React.createElement(Grid, { className: 'PFormRow-content', container: true, spacing: spacing, direction: 'row', style: { flexWrap: 'nowrap', height: fullHeight ? '100%' : undefined } }, children),
866
866
  helperText && (React.createElement(FormHelperText, { className: 'PFormRow-helper-text', component: 'div', error: error }, helperText)))))));
867
867
  });var StyledFormLabelContainerDiv = styled('div')(templateObject_1$f || (templateObject_1$f = __makeTemplateObject(["\n position: relative;\n height: 20px;\n"], ["\n position: relative;\n height: 20px;\n"])));
868
- var StyledFormLabel = styled(PFormLabel$1)(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n position: absolute;\n left: 5px;\n top: 0;\n"], ["\n position: absolute;\n left: 5px;\n top: 0;\n"])));
868
+ var StyledFormLabel = styled(PFormLabel)(templateObject_2$8 || (templateObject_2$8 = __makeTemplateObject(["\n position: absolute;\n left: 5px;\n top: 0;\n"], ["\n position: absolute;\n left: 5px;\n top: 0;\n"])));
869
869
  var StyledContentContainerBox = styled(Box)(templateObject_3$4 || (templateObject_3$4 = __makeTemplateObject(["\n display: flex;\n flex-wrap: wrap;\n"], ["\n display: flex;\n flex-wrap: wrap;\n"])));
870
870
  var templateObject_1$f, templateObject_2$8, templateObject_3$4;var PFormCol = React.forwardRef(function (_a, ref) {
871
871
  /********************************************************************************************************************
@@ -2202,14 +2202,15 @@ function AutoTypeForwardRef(render) {
2202
2202
  }
2203
2203
  }
2204
2204
  finalValue = onValue ? onValue(finalValue) : finalValue;
2205
- return equal(newValue, finalValue) ? newValue : finalValue;
2205
+ return (equal(newValue, finalValue) ? newValue : finalValue);
2206
2206
  }, [multiple, formValueSeparator, itemsValues, onValue]);
2207
2207
  /********************************************************************************************************************
2208
2208
  * value
2209
2209
  * ******************************************************************************************************************/
2210
2210
  var _k = useAutoUpdateRefState(initValue, getFinalValue), valueRef = _k[0], value = _k[1], _setValue = _k[2];
2211
- var updateValue = useCallback(function (newValue) {
2212
- var finalValue = _setValue(newValue);
2211
+ var updateValue = useCallback(function (newValue, skipCallback) {
2212
+ if (skipCallback === void 0) { skipCallback = false; }
2213
+ var finalValue = _setValue(newValue, skipCallback);
2213
2214
  if (onChange)
2214
2215
  onChange(finalValue);
2215
2216
  onValueChange(name, finalValue);
@@ -2374,7 +2375,7 @@ function AutoTypeForwardRef(render) {
2374
2375
  items && notEmpty(items) ? (items.map(function (_a) {
2375
2376
  var itemLabel = _a.label, itemValue = _a.value, disabled = _a.disabled;
2376
2377
  return (React.createElement(MenuItem, { key: empty(itemValue) ? '$$$EmptyValue$$$' : "".concat(itemValue), value: typeof itemValue === 'boolean' ? "".concat(itemValue) : itemValue, disabled: disabled },
2377
- multiple && checkbox && Array.isArray(value) && React.createElement(Checkbox, { checked: value.includes(itemValue) }),
2378
+ multiple && checkbox && Array.isArray(value) && (React.createElement(Checkbox, { checked: value.includes(itemValue) })),
2378
2379
  itemLabel));
2379
2380
  })) : (React.createElement(MenuItem, { value: '' })))));
2380
2381
  }));
@@ -2629,7 +2630,7 @@ PFormItemBase.displayName = 'PFormItemBase';var PFormCheckbox = React.forwardRef
2629
2630
  /********************************************************************************************************************
2630
2631
  * State - checked
2631
2632
  * ******************************************************************************************************************/
2632
- var _p = useAutoUpdateRefState(initChecked, useCallback(function (newChecked) { return !!newChecked; }, [])), checkedRef = _p[0], checked = _p[1], _setChecked = _p[2];
2633
+ var _p = useAutoUpdateRefState(initChecked), checkedRef = _p[0], checked = _p[1], _setChecked = _p[2];
2633
2634
  var updateChecked = useCallback(function (newChecked, notFireOnChange) {
2634
2635
  if (notFireOnChange === void 0) { notFireOnChange = false; }
2635
2636
  var finalChecked = _setChecked(newChecked);
@@ -2939,7 +2940,7 @@ var PFormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_
2939
2940
  return setErrorErrorHelperText(error, error ? errorHelperText : undefined);
2940
2941
  },
2941
2942
  getItems: function () { return itemsRef.current; },
2942
- setItems: setItems,
2943
+ setItems: function (v) { return setItems(v); },
2943
2944
  getLoading: function () { return !!loadingRef.current; },
2944
2945
  setLoading: setLoading,
2945
2946
  reloadItems: function () {
@@ -3133,7 +3134,13 @@ PFormRadioGroup.displayName = 'PFormRadioGroup';insertStyle(".PFormToggleButtonG
3133
3134
  var _p = useAutoUpdateRefState(useMemo(function () { return (initDisabled == null ? formDisabled : initDisabled); }, [initDisabled, formDisabled])), disabledRef = _p[0], disabled = _p[1], setDisabled = _p[2];
3134
3135
  var _q = useAutoUpdateRefState(initHidden), hiddenRef = _q[0], hidden = _q[1], setHidden = _q[2];
3135
3136
  var _r = useAutoUpdateRefState(initLoading), loadingRef = _r[0], loading = _r[1], setLoading = _r[2];
3136
- var _s = useAutoUpdateRefState(initItems), itemsRef = _s[0], items = _s[1], setItems = _s[2];
3137
+ var _s = useAutoUpdateRefState(initItems), itemsRef = _s[0], items = _s[1], _setItems = _s[2];
3138
+ /********************************************************************************************************************
3139
+ * State Function
3140
+ * ******************************************************************************************************************/
3141
+ var setItems = useCallback(function (newItems) {
3142
+ _setItems(newItems);
3143
+ }, [_setItems]);
3137
3144
  /********************************************************************************************************************
3138
3145
  * Memo
3139
3146
  * ******************************************************************************************************************/
@@ -3953,7 +3960,13 @@ PFormTextEditor.apiKey = '';var PFormAutocomplete = ToForwardRefExoticComponent(
3953
3960
  var _k = useAutoUpdateRefState(useMemo(function () { return (initDisabled == null ? formDisabled : initDisabled); }, [initDisabled, formDisabled])), disabledRef = _k[0], disabled = _k[1], setDisabled = _k[2];
3954
3961
  var _l = useAutoUpdateRefState(initHidden), hiddenRef = _l[0], hidden = _l[1], setHidden = _l[2];
3955
3962
  var _m = useAutoUpdateRefState(initLoading), loadingRef = _m[0], loading = _m[1], setLoading = _m[2];
3956
- var _o = useAutoUpdateRefState(initItems), itemsRef = _o[0], items = _o[1], setItems = _o[2];
3963
+ var _o = useAutoUpdateRefState(initItems), itemsRef = _o[0], items = _o[1], _setItems = _o[2];
3964
+ /********************************************************************************************************************
3965
+ * State Function
3966
+ * ******************************************************************************************************************/
3967
+ var setItems = useCallback(function (newItems) {
3968
+ _setItems(newItems);
3969
+ }, [_setItems]);
3957
3970
  /********************************************************************************************************************
3958
3971
  * Memo
3959
3972
  * ******************************************************************************************************************/
@@ -4102,7 +4115,7 @@ PFormTextEditor.apiKey = '';var PFormAutocomplete = ToForwardRefExoticComponent(
4102
4115
  });
4103
4116
  }
4104
4117
  else {
4105
- newComponentValue = (items.find(function (info) { return info.value === value; }) ||
4118
+ newComponentValue = (items.find(function (info) { return info.value === finalValue; }) ||
4106
4119
  (multiple ? [] : null));
4107
4120
  }
4108
4121
  }
@@ -4259,7 +4272,7 @@ PFormTextEditor.apiKey = '';var PFormAutocomplete = ToForwardRefExoticComponent(
4259
4272
  getFormValueSeparator: function () { return formValueSeparator; },
4260
4273
  isFormValueSort: function () { return !!formValueSort; },
4261
4274
  getItems: function () { return itemsRef.current; },
4262
- setItems: function (items) { return setItems(items); },
4275
+ setItems: setItems,
4263
4276
  isMultiple: function () { return !!multiple; },
4264
4277
  getLoading: function () { return !!loadingRef.current; },
4265
4278
  setLoading: function (loading) { return setLoading(loading); },
@@ -4369,7 +4382,7 @@ PFormTextEditor.apiKey = '';var PFormAutocomplete = ToForwardRefExoticComponent(
4369
4382
  /********************************************************************************************************************
4370
4383
  * Render
4371
4384
  * ******************************************************************************************************************/
4372
- return (React.createElement(Autocomplete, { options: items || [], className: classNames(className, 'PFormValueItem', 'PFormAutocomplete'), sx: sx, multiple: multiple, fullWidth: !width && fullWidth, openOnFocus: openOnFocus, disableClearable: disableClearable, disablePortal: disablePortal, noOptionsText: noOptionsText, autoFocus: autoFocus, value: componentValue, style: style, isOptionEqualToValue: function (option, value) { return option.value === value.value; }, getOptionDisabled: handleGetOptionDisabled, disabled: disabled, readOnly: readOnly, loading: loading || isOnGetItemLoading, loadingText: loadingText, limitTags: limitTags, getLimitTagsText: getLimitTagsText, onChange: function (e, value, reason, details) { return handleChange(value, reason, details); }, renderOption: function (props, option) { return (React.createElement("li", __assign({}, props, { key: "".concat(option.value) }), onRenderItem ? onRenderItem(option) : option.label)); }, onInputChange: function (event, newInputValue, reason) {
4385
+ return (React.createElement(Autocomplete, { options: items || [], className: classNames(className, 'PFormValueItem', 'PFormAutocomplete'), sx: sx, multiple: multiple, fullWidth: !width && fullWidth, openOnFocus: openOnFocus, disableClearable: disableClearable, disablePortal: disablePortal, noOptionsText: noOptionsText, value: componentValue, style: style, isOptionEqualToValue: function (option, value) { return option.value === value.value; }, getOptionDisabled: handleGetOptionDisabled, disabled: disabled, readOnly: readOnly, loading: loading || isOnGetItemLoading, loadingText: loadingText, limitTags: limitTags, getLimitTagsText: getLimitTagsText, onChange: function (e, value, reason, details) { return handleChange(value, reason, details); }, renderOption: function (props, option) { return (React.createElement("li", __assign({}, props, { key: "".concat(option.value) }), onRenderItem ? onRenderItem(option) : option.label)); }, onInputChange: function (event, newInputValue, reason) {
4373
4386
  if (reason === 'input') {
4374
4387
  setInputValue(newInputValue);
4375
4388
  }
@@ -4388,7 +4401,7 @@ PFormTextEditor.apiKey = '';var PFormAutocomplete = ToForwardRefExoticComponent(
4388
4401
  : undefined, renderInput: function (params) {
4389
4402
  var _a;
4390
4403
  var slotProps = {
4391
- input: __assign(__assign({}, params.InputProps), { style: {
4404
+ input: __assign(__assign({}, params.InputProps), { autoFocus: autoFocus, style: {
4392
4405
  paddingTop: variant === 'outlined' && size === 'small' ? 7 : undefined,
4393
4406
  paddingBottom: variant === 'outlined' && size === 'small' ? 5 : undefined,
4394
4407
  marginTop: variant === 'outlined' && size === 'small' ? -1 : undefined,
@@ -4425,7 +4438,7 @@ var hasRequiredWeekOfYear;
4425
4438
  function requireWeekOfYear () {
4426
4439
  if (hasRequiredWeekOfYear) return weekOfYear$1.exports;
4427
4440
  hasRequiredWeekOfYear = 1;
4428
- (function (module, exports) {
4441
+ (function (module, exports$1) {
4429
4442
  !function(e,t){module.exports=t();}(weekOfYear,(function(){var e="week",t="year";return function(i,n,r){var f=n.prototype;f.week=function(i){if(void 0===i&&(i=null),null!==i)return this.add(7*(i-this.week()),"day");var n=this.$locale().yearStart||1;if(11===this.month()&&this.date()>25){var f=r(this).startOf(t).add(1,t).date(n),s=r(this).endOf(e);if(f.isBefore(s))return 1}var a=r(this).startOf(t).date(n).startOf(e).subtract(1,"millisecond"),o=this.diff(a,e,true);return o<0?r(this).startOf("week").week():Math.ceil(o)},f.weeks=function(e){return void 0===e&&(e=null),this.week(e)};}}));
4430
4443
  } (weekOfYear$1));
4431
4444
  return weekOfYear$1.exports;
@@ -4437,7 +4450,7 @@ var hasRequiredCustomParseFormat;
4437
4450
  function requireCustomParseFormat () {
4438
4451
  if (hasRequiredCustomParseFormat) return customParseFormat$1.exports;
4439
4452
  hasRequiredCustomParseFormat = 1;
4440
- (function (module, exports) {
4453
+ (function (module, exports$1) {
4441
4454
  !function(e,t){module.exports=t();}(customParseFormat,(function(){var e={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},t=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,n=/\d/,r=/\d\d/,i=/\d\d?/,o=/\d*[^-_:/,()\s\d]+/,s={},a=function(e){return (e=+e)+(e>68?1900:2e3)};var f=function(e){return function(t){this[e]=+t;}},h=[/[+-]\d\d:?(\d\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if("Z"===e)return 0;var t=e.match(/([+-]|\d\d)/g),n=60*t[1]+(+t[2]||0);return 0===n?0:"+"===t[0]?-n:n}(e);}],u=function(e){var t=s[e];return t&&(t.indexOf?t:t.s.concat(t.f))},d=function(e,t){var n,r=s.meridiem;if(r){for(var i=1;i<=24;i+=1)if(e.indexOf(r(i,0,t))>-1){n=i>12;break}}else n=e===(t?"pm":"PM");return n},c={A:[o,function(e){this.afternoon=d(e,false);}],a:[o,function(e){this.afternoon=d(e,true);}],Q:[n,function(e){this.month=3*(e-1)+1;}],S:[n,function(e){this.milliseconds=100*+e;}],SS:[r,function(e){this.milliseconds=10*+e;}],SSS:[/\d{3}/,function(e){this.milliseconds=+e;}],s:[i,f("seconds")],ss:[i,f("seconds")],m:[i,f("minutes")],mm:[i,f("minutes")],H:[i,f("hours")],h:[i,f("hours")],HH:[i,f("hours")],hh:[i,f("hours")],D:[i,f("day")],DD:[r,f("day")],Do:[o,function(e){var t=s.ordinal,n=e.match(/\d+/);if(this.day=n[0],t)for(var r=1;r<=31;r+=1)t(r).replace(/\[|\]/g,"")===e&&(this.day=r);}],w:[i,f("week")],ww:[r,f("week")],M:[i,f("month")],MM:[r,f("month")],MMM:[o,function(e){var t=u("months"),n=(u("monthsShort")||t.map((function(e){return e.slice(0,3)}))).indexOf(e)+1;if(n<1)throw new Error;this.month=n%12||n;}],MMMM:[o,function(e){var t=u("months").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t;}],Y:[/[+-]?\d+/,f("year")],YY:[r,function(e){this.year=a(e);}],YYYY:[/\d{4}/,f("year")],Z:h,ZZ:h};function l(n){var r,i;r=n,i=s&&s.formats;for(var o=(n=r.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,n,r){var o=r&&r.toUpperCase();return n||i[r]||e[r]||i[o].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,n){return t||n.slice(1)}))}))).match(t),a=o.length,f=0;f<a;f+=1){var h=o[f],u=c[h],d=u&&u[0],l=u&&u[1];o[f]=l?{regex:d,parser:l}:h.replace(/^\[|\]$/g,"");}return function(e){for(var t={},n=0,r=0;n<a;n+=1){var i=o[n];if("string"==typeof i)r+=i.length;else {var s=i.regex,f=i.parser,h=e.slice(r),u=s.exec(h)[0];f.call(t,u),e=e.replace(u,"");}}return function(e){var t=e.afternoon;if(void 0!==t){var n=e.hours;t?n<12&&(e.hours+=12):12===n&&(e.hours=0),delete e.afternoon;}}(t),t}}return function(e,t,n){n.p.customParseFormat=true,e&&e.parseTwoDigitYear&&(a=e.parseTwoDigitYear);var r=t.prototype,i=r.parse;r.parse=function(e){var t=e.date,r=e.utc,o=e.args;this.$u=r;var a=o[1];if("string"==typeof a){var f=true===o[2],h=true===o[3],u=f||h,d=o[2];h&&(d=o[2]),s=this.$locale(),!f&&d&&(s=n.Ls[d]),this.$d=function(e,t,n,r){try{if(["x","X"].indexOf(t)>-1)return new Date(("X"===t?1e3:1)*e);var i=l(t)(e),o=i.year,s=i.month,a=i.day,f=i.hours,h=i.minutes,u=i.seconds,d=i.milliseconds,c=i.zone,m=i.week,M=new Date,Y=a||(o||s?1:M.getDate()),p=o||M.getFullYear(),v=0;o&&!s||(v=s>0?s-1:M.getMonth());var D,w=f||0,g=h||0,y=u||0,L=d||0;return c?new Date(Date.UTC(p,v,Y,w,g,y,L+60*c.offset*1e3)):n?new Date(Date.UTC(p,v,Y,w,g,y,L)):(D=new Date(p,v,Y,w,g,y,L),m&&(D=r(D).week(m).toDate()),D)}catch(e){return new Date("")}}(t,a,r,n),this.init(),d&&true!==d&&(this.$L=this.locale(d).$L),u&&t!=this.format(a)&&(this.$d=new Date("")),s={};}else if(a instanceof Array)for(var c=a.length,m=1;m<=c;m+=1){o[1]=a[m-1];var M=n.apply(this,o);if(M.isValid()){this.$d=M.$d,this.$L=M.$L,this.init();break}m===c&&(this.$d=new Date(""));}else i.call(this,e);};}}));
4442
4455
  } (customParseFormat$1));
4443
4456
  return customParseFormat$1.exports;
@@ -4449,7 +4462,7 @@ var hasRequiredLocalizedFormat;
4449
4462
  function requireLocalizedFormat () {
4450
4463
  if (hasRequiredLocalizedFormat) return localizedFormat$1.exports;
4451
4464
  hasRequiredLocalizedFormat = 1;
4452
- (function (module, exports) {
4465
+ (function (module, exports$1) {
4453
4466
  !function(e,t){module.exports=t();}(localizedFormat,(function(){var e={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"};return function(t,o,n){var r=o.prototype,i=r.format;n.en.formats=e,r.format=function(t){ void 0===t&&(t="YYYY-MM-DDTHH:mm:ssZ");var o=this.$locale().formats,n=function(t,o){return t.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,n,r){var i=r&&r.toUpperCase();return n||o[r]||e[r]||o[i].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,o){return t||o.slice(1)}))}))}(t,void 0===o?{}:o);return i.call(this,n)};}}));
4454
4467
  } (localizedFormat$1));
4455
4468
  return localizedFormat$1.exports;
@@ -4461,7 +4474,7 @@ var hasRequiredIsBetween;
4461
4474
  function requireIsBetween () {
4462
4475
  if (hasRequiredIsBetween) return isBetween$1.exports;
4463
4476
  hasRequiredIsBetween = 1;
4464
- (function (module, exports) {
4477
+ (function (module, exports$1) {
4465
4478
  !function(e,i){module.exports=i();}(isBetween,(function(){return function(e,i,t){i.prototype.isBetween=function(e,i,s,f){var n=t(e),o=t(i),r="("===(f=f||"()")[0],u=")"===f[1];return (r?this.isAfter(n,s):!this.isBefore(n,s))&&(u?this.isBefore(o,s):!this.isAfter(o,s))||(r?this.isBefore(n,s):!this.isAfter(n,s))&&(u?this.isAfter(o,s):!this.isBefore(o,s))};}}));
4466
4479
  } (isBetween$1));
4467
4480
  return isBetween$1.exports;
@@ -4473,7 +4486,7 @@ var hasRequiredAdvancedFormat;
4473
4486
  function requireAdvancedFormat () {
4474
4487
  if (hasRequiredAdvancedFormat) return advancedFormat$1.exports;
4475
4488
  hasRequiredAdvancedFormat = 1;
4476
- (function (module, exports) {
4489
+ (function (module, exports$1) {
4477
4490
  !function(e,t){module.exports=t();}(advancedFormat,(function(){return function(e,t){var r=t.prototype,n=r.format;r.format=function(e){var t=this,r=this.$locale();if(!this.isValid())return n.bind(this)(e);var s=this.$utils(),a=(e||"YYYY-MM-DDTHH:mm:ssZ").replace(/\[([^\]]+)]|Q|wo|ww|w|WW|W|zzz|z|gggg|GGGG|Do|X|x|k{1,2}|S/g,(function(e){switch(e){case "Q":return Math.ceil((t.$M+1)/3);case "Do":return r.ordinal(t.$D);case "gggg":return t.weekYear();case "GGGG":return t.isoWeekYear();case "wo":return r.ordinal(t.week(),"W");case "w":case "ww":return s.s(t.week(),"w"===e?1:2,"0");case "W":case "WW":return s.s(t.isoWeek(),"W"===e?1:2,"0");case "k":case "kk":return s.s(String(0===t.$H?24:t.$H),"k"===e?1:2,"0");case "X":return Math.floor(t.$d.getTime()/1e3);case "x":return t.$d.getTime();case "z":return "["+t.offsetName()+"]";case "zzz":return "["+t.offsetName("long")+"]";default:return e}}));return n.bind(this)(a)};}}));
4478
4491
  } (advancedFormat$1));
4479
4492
  return advancedFormat$1.exports;
@@ -9029,7 +9042,7 @@ var hasRequiredKo;
9029
9042
  function requireKo () {
9030
9043
  if (hasRequiredKo) return ko$1.exports;
9031
9044
  hasRequiredKo = 1;
9032
- (function (module, exports) {
9045
+ (function (module, exports$1) {
9033
9046
  !function(e,_){module.exports=_(dayjs);}(ko,(function(e){function _(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=_(e),t={name:"ko",weekdays:"일요일_월요일_화요일_수요일_목요일_금요일_토요일".split("_"),weekdaysShort:"일_월_화_수_목_금_토".split("_"),weekdaysMin:"일_월_화_수_목_금_토".split("_"),months:"1월_2월_3월_4월_5월_6월_7월_8월_9월_10월_11월_12월".split("_"),monthsShort:"1월_2월_3월_4월_5월_6월_7월_8월_9월_10월_11월_12월".split("_"),ordinal:function(e){return e+"일"},formats:{LT:"A h:mm",LTS:"A h:mm:ss",L:"YYYY.MM.DD.",LL:"YYYY년 MMMM D일",LLL:"YYYY년 MMMM D일 A h:mm",LLLL:"YYYY년 MMMM D일 dddd A h:mm",l:"YYYY.MM.DD.",ll:"YYYY년 MMMM D일",lll:"YYYY년 MMMM D일 A h:mm",llll:"YYYY년 MMMM D일 dddd A h:mm"},meridiem:function(e){return e<12?"오전":"오후"},relativeTime:{future:"%s 후",past:"%s 전",s:"몇 초",m:"1분",mm:"%d분",h:"한 시간",hh:"%d시간",d:"하루",dd:"%d일",M:"한 달",MM:"%d달",y:"일 년",yy:"%d년"}};return d.default.locale(t,null,true),t}));
9034
9047
  } (ko$1));
9035
9048
  return ko$1.exports;
@@ -10663,14 +10676,14 @@ var PSearchGroup = function (_a) {
10663
10676
  return child;
10664
10677
  }
10665
10678
  }))));
10666
- };var PSearchButton = function (_a) {
10679
+ };var PSearchButton$1 = function (_a) {
10667
10680
  /********************************************************************************************************************
10668
10681
  * Render
10669
10682
  * ******************************************************************************************************************/
10670
10683
  var children = _a.children, className = _a.className, size = _a.size, initSx = _a.sx, props = __rest(_a, ["children", "className", "size", "sx"]);
10671
10684
  return (React.createElement(PButton, __assign({ className: classNames(className, 'PSearchButton'), size: ifUndefined(size, 'medium'), sx: __assign({ minWidth: 0, px: "".concat(!children ? 9 : 13, "px !important") }, initSx), fullWidth: false }, props), children));
10672
10685
  };
10673
- var PSearchButton$1 = React.memo(PSearchButton);var PSearchMenuButton = function (_a) {
10686
+ var PSearchButton = React.memo(PSearchButton$1);var PSearchMenuButton = function (_a) {
10674
10687
  /********************************************************************************************************************
10675
10688
  * ID
10676
10689
  * ******************************************************************************************************************/
@@ -10705,7 +10718,7 @@ var PSearchButton$1 = React.memo(PSearchButton);var PSearchMenuButton = function
10705
10718
  * Render
10706
10719
  * ******************************************************************************************************************/
10707
10720
  return (React.createElement(React.Fragment, null,
10708
- React.createElement(PFormButton$1, __assign({ className: classNames(className, 'PSearchMenuButton'), size: 'medium', sx: __assign({ minWidth: 0, px: "".concat(!children ? 9 : 13, "px !important") }, initSx), fullWidth: false }, props, { id: buttonId, "aria-controls": open ? menuId : undefined, "aria-haspopup": 'true', "aria-expanded": open ? 'true' : undefined, endIcon: endIcon, endIconProps: { style: { marginRight: -5 } }, onClick: handleClick }), children),
10721
+ React.createElement(PFormButton, __assign({ className: classNames(className, 'PSearchMenuButton'), size: 'medium', sx: __assign({ minWidth: 0, px: "".concat(!children ? 9 : 13, "px !important") }, initSx), fullWidth: false }, props, { id: buttonId, "aria-controls": open ? menuId : undefined, "aria-haspopup": 'true', "aria-expanded": open ? 'true' : undefined, endIcon: endIcon, endIconProps: { style: { marginRight: -5 } }, onClick: handleClick }), children),
10709
10722
  React.createElement(Menu, { id: menuId, "aria-labelledby": buttonId, anchorEl: anchorEl, open: open, onClose: handleClose, onClick: handleClose, anchorOrigin: anchorOrigin, transformOrigin: transformOrigin }, menuList)));
10710
10723
  };var PHashSearch = React.forwardRef(function (_a, ref) {
10711
10724
  /********************************************************************************************************************
@@ -10973,4 +10986,4 @@ var PSearchButton$1 = React.memo(PSearchButton);var PSearchMenuButton = function
10973
10986
  }
10974
10987
  }
10975
10988
  }, className: classNames('PHashSearch', className) }, props, { autoSubmit: !noAutoSubmit, onSubmit: handleSubmit })));
10976
- });export{PForm,PFormAutocomplete,PFormBlock,PFormBody,PFormBusinessNo,PFormButton$1 as PFormButton,PFormCheckbox,PFormCol,PFormContext,PFormContextDefaultValue,PFormContextProvider,PFormDatePicker,PFormDateRangePicker,PFormDateTimePicker,PFormDivider,PFormEmail,PFormFile,PFormFooter,PFormHidden,PFormImageFile,PFormLabel$1 as PFormLabel,PFormMobile,PFormMonthPicker,PFormMonthRangePicker,PFormNumber,PFormPassword,PFormPersonalNo,PFormRadioGroup,PFormRating,PFormRow,PFormSearch,PFormSelect,PFormSwitch,PFormTag,PFormTel,PFormText,PFormTextEditor,PFormTextField,PFormTextarea,PFormTimePicker,PFormToggleButtonGroup,PFormUrl,PFormYearPicker,PFormYearRangePicker,PHashSearch,PSearch,PSearchButton$1 as PSearchButton,PSearchGroup,PSearchGroupRow,PSearchMenuButton,useFormState};
10989
+ });export{PForm,PFormAutocomplete,PFormBlock,PFormBody,PFormBusinessNo,PFormButton,PFormCheckbox,PFormCol,PFormContext,PFormContextDefaultValue,PFormContextProvider,PFormDatePicker,PFormDateRangePicker,PFormDateTimePicker,PFormDivider,PFormEmail,PFormFile,PFormFooter,PFormHidden,PFormImageFile,PFormLabel,PFormMobile,PFormMonthPicker,PFormMonthRangePicker,PFormNumber,PFormPassword,PFormPersonalNo,PFormRadioGroup,PFormRating,PFormRow,PFormSearch,PFormSelect,PFormSwitch,PFormTag,PFormTel,PFormText,PFormTextEditor,PFormTextField,PFormTextarea,PFormTimePicker,PFormToggleButtonGroup,PFormUrl,PFormYearPicker,PFormYearRangePicker,PHashSearch,PSearch,PSearchButton,PSearchGroup,PSearchGroupRow,PSearchMenuButton,useFormState};
package/dist/index.js CHANGED
@@ -2202,14 +2202,15 @@ function AutoTypeForwardRef(render) {
2202
2202
  }
2203
2203
  }
2204
2204
  finalValue = onValue ? onValue(finalValue) : finalValue;
2205
- return compare.equal(newValue, finalValue) ? newValue : finalValue;
2205
+ return (compare.equal(newValue, finalValue) ? newValue : finalValue);
2206
2206
  }, [multiple, formValueSeparator, itemsValues, onValue]);
2207
2207
  /********************************************************************************************************************
2208
2208
  * value
2209
2209
  * ******************************************************************************************************************/
2210
2210
  var _k = reactHook.useAutoUpdateRefState(initValue, getFinalValue), valueRef = _k[0], value = _k[1], _setValue = _k[2];
2211
- var updateValue = React.useCallback(function (newValue) {
2212
- var finalValue = _setValue(newValue);
2211
+ var updateValue = React.useCallback(function (newValue, skipCallback) {
2212
+ if (skipCallback === void 0) { skipCallback = false; }
2213
+ var finalValue = _setValue(newValue, skipCallback);
2213
2214
  if (onChange)
2214
2215
  onChange(finalValue);
2215
2216
  onValueChange(name, finalValue);
@@ -2374,7 +2375,7 @@ function AutoTypeForwardRef(render) {
2374
2375
  items && compare.notEmpty(items) ? (items.map(function (_a) {
2375
2376
  var itemLabel = _a.label, itemValue = _a.value, disabled = _a.disabled;
2376
2377
  return (React.createElement(material.MenuItem, { key: compare.empty(itemValue) ? '$$$EmptyValue$$$' : "".concat(itemValue), value: typeof itemValue === 'boolean' ? "".concat(itemValue) : itemValue, disabled: disabled },
2377
- multiple && checkbox && Array.isArray(value) && React.createElement(material.Checkbox, { checked: value.includes(itemValue) }),
2378
+ multiple && checkbox && Array.isArray(value) && (React.createElement(material.Checkbox, { checked: value.includes(itemValue) })),
2378
2379
  itemLabel));
2379
2380
  })) : (React.createElement(material.MenuItem, { value: '' })))));
2380
2381
  }));
@@ -2629,7 +2630,7 @@ PFormItemBase.displayName = 'PFormItemBase';var PFormCheckbox = React.forwardRef
2629
2630
  /********************************************************************************************************************
2630
2631
  * State - checked
2631
2632
  * ******************************************************************************************************************/
2632
- var _p = reactHook.useAutoUpdateRefState(initChecked, React.useCallback(function (newChecked) { return !!newChecked; }, [])), checkedRef = _p[0], checked = _p[1], _setChecked = _p[2];
2633
+ var _p = reactHook.useAutoUpdateRefState(initChecked), checkedRef = _p[0], checked = _p[1], _setChecked = _p[2];
2633
2634
  var updateChecked = React.useCallback(function (newChecked, notFireOnChange) {
2634
2635
  if (notFireOnChange === void 0) { notFireOnChange = false; }
2635
2636
  var finalChecked = _setChecked(newChecked);
@@ -2939,7 +2940,7 @@ var PFormRadioGroup = ToForwardRefExoticComponent(AutoTypeForwardRef(function (_
2939
2940
  return setErrorErrorHelperText(error, error ? errorHelperText : undefined);
2940
2941
  },
2941
2942
  getItems: function () { return itemsRef.current; },
2942
- setItems: setItems,
2943
+ setItems: function (v) { return setItems(v); },
2943
2944
  getLoading: function () { return !!loadingRef.current; },
2944
2945
  setLoading: setLoading,
2945
2946
  reloadItems: function () {
@@ -3133,7 +3134,13 @@ PFormRadioGroup.displayName = 'PFormRadioGroup';insertStyle(".PFormToggleButtonG
3133
3134
  var _p = reactHook.useAutoUpdateRefState(React.useMemo(function () { return (initDisabled == null ? formDisabled : initDisabled); }, [initDisabled, formDisabled])), disabledRef = _p[0], disabled = _p[1], setDisabled = _p[2];
3134
3135
  var _q = reactHook.useAutoUpdateRefState(initHidden), hiddenRef = _q[0], hidden = _q[1], setHidden = _q[2];
3135
3136
  var _r = reactHook.useAutoUpdateRefState(initLoading), loadingRef = _r[0], loading = _r[1], setLoading = _r[2];
3136
- var _s = reactHook.useAutoUpdateRefState(initItems), itemsRef = _s[0], items = _s[1], setItems = _s[2];
3137
+ var _s = reactHook.useAutoUpdateRefState(initItems), itemsRef = _s[0], items = _s[1], _setItems = _s[2];
3138
+ /********************************************************************************************************************
3139
+ * State Function
3140
+ * ******************************************************************************************************************/
3141
+ var setItems = React.useCallback(function (newItems) {
3142
+ _setItems(newItems);
3143
+ }, [_setItems]);
3137
3144
  /********************************************************************************************************************
3138
3145
  * Memo
3139
3146
  * ******************************************************************************************************************/
@@ -3953,7 +3960,13 @@ PFormTextEditor.apiKey = '';var PFormAutocomplete = ToForwardRefExoticComponent(
3953
3960
  var _k = reactHook.useAutoUpdateRefState(React.useMemo(function () { return (initDisabled == null ? formDisabled : initDisabled); }, [initDisabled, formDisabled])), disabledRef = _k[0], disabled = _k[1], setDisabled = _k[2];
3954
3961
  var _l = reactHook.useAutoUpdateRefState(initHidden), hiddenRef = _l[0], hidden = _l[1], setHidden = _l[2];
3955
3962
  var _m = reactHook.useAutoUpdateRefState(initLoading), loadingRef = _m[0], loading = _m[1], setLoading = _m[2];
3956
- var _o = reactHook.useAutoUpdateRefState(initItems), itemsRef = _o[0], items = _o[1], setItems = _o[2];
3963
+ var _o = reactHook.useAutoUpdateRefState(initItems), itemsRef = _o[0], items = _o[1], _setItems = _o[2];
3964
+ /********************************************************************************************************************
3965
+ * State Function
3966
+ * ******************************************************************************************************************/
3967
+ var setItems = React.useCallback(function (newItems) {
3968
+ _setItems(newItems);
3969
+ }, [_setItems]);
3957
3970
  /********************************************************************************************************************
3958
3971
  * Memo
3959
3972
  * ******************************************************************************************************************/
@@ -4102,7 +4115,7 @@ PFormTextEditor.apiKey = '';var PFormAutocomplete = ToForwardRefExoticComponent(
4102
4115
  });
4103
4116
  }
4104
4117
  else {
4105
- newComponentValue = (items.find(function (info) { return info.value === value; }) ||
4118
+ newComponentValue = (items.find(function (info) { return info.value === finalValue; }) ||
4106
4119
  (multiple ? [] : null));
4107
4120
  }
4108
4121
  }
@@ -4259,7 +4272,7 @@ PFormTextEditor.apiKey = '';var PFormAutocomplete = ToForwardRefExoticComponent(
4259
4272
  getFormValueSeparator: function () { return formValueSeparator; },
4260
4273
  isFormValueSort: function () { return !!formValueSort; },
4261
4274
  getItems: function () { return itemsRef.current; },
4262
- setItems: function (items) { return setItems(items); },
4275
+ setItems: setItems,
4263
4276
  isMultiple: function () { return !!multiple; },
4264
4277
  getLoading: function () { return !!loadingRef.current; },
4265
4278
  setLoading: function (loading) { return setLoading(loading); },
@@ -4369,7 +4382,7 @@ PFormTextEditor.apiKey = '';var PFormAutocomplete = ToForwardRefExoticComponent(
4369
4382
  /********************************************************************************************************************
4370
4383
  * Render
4371
4384
  * ******************************************************************************************************************/
4372
- return (React.createElement(material.Autocomplete, { options: items || [], className: classNames(className, 'PFormValueItem', 'PFormAutocomplete'), sx: sx, multiple: multiple, fullWidth: !width && fullWidth, openOnFocus: openOnFocus, disableClearable: disableClearable, disablePortal: disablePortal, noOptionsText: noOptionsText, autoFocus: autoFocus, value: componentValue, style: style, isOptionEqualToValue: function (option, value) { return option.value === value.value; }, getOptionDisabled: handleGetOptionDisabled, disabled: disabled, readOnly: readOnly, loading: loading || isOnGetItemLoading, loadingText: loadingText, limitTags: limitTags, getLimitTagsText: getLimitTagsText, onChange: function (e, value, reason, details) { return handleChange(value, reason, details); }, renderOption: function (props, option) { return (React.createElement("li", __assign({}, props, { key: "".concat(option.value) }), onRenderItem ? onRenderItem(option) : option.label)); }, onInputChange: function (event, newInputValue, reason) {
4385
+ return (React.createElement(material.Autocomplete, { options: items || [], className: classNames(className, 'PFormValueItem', 'PFormAutocomplete'), sx: sx, multiple: multiple, fullWidth: !width && fullWidth, openOnFocus: openOnFocus, disableClearable: disableClearable, disablePortal: disablePortal, noOptionsText: noOptionsText, value: componentValue, style: style, isOptionEqualToValue: function (option, value) { return option.value === value.value; }, getOptionDisabled: handleGetOptionDisabled, disabled: disabled, readOnly: readOnly, loading: loading || isOnGetItemLoading, loadingText: loadingText, limitTags: limitTags, getLimitTagsText: getLimitTagsText, onChange: function (e, value, reason, details) { return handleChange(value, reason, details); }, renderOption: function (props, option) { return (React.createElement("li", __assign({}, props, { key: "".concat(option.value) }), onRenderItem ? onRenderItem(option) : option.label)); }, onInputChange: function (event, newInputValue, reason) {
4373
4386
  if (reason === 'input') {
4374
4387
  setInputValue(newInputValue);
4375
4388
  }
@@ -4388,7 +4401,7 @@ PFormTextEditor.apiKey = '';var PFormAutocomplete = ToForwardRefExoticComponent(
4388
4401
  : undefined, renderInput: function (params) {
4389
4402
  var _a;
4390
4403
  var slotProps = {
4391
- input: __assign(__assign({}, params.InputProps), { style: {
4404
+ input: __assign(__assign({}, params.InputProps), { autoFocus: autoFocus, style: {
4392
4405
  paddingTop: variant === 'outlined' && size === 'small' ? 7 : undefined,
4393
4406
  paddingBottom: variant === 'outlined' && size === 'small' ? 5 : undefined,
4394
4407
  marginTop: variant === 'outlined' && size === 'small' ? -1 : undefined,
@@ -4425,7 +4438,7 @@ var hasRequiredWeekOfYear;
4425
4438
  function requireWeekOfYear () {
4426
4439
  if (hasRequiredWeekOfYear) return weekOfYear$1.exports;
4427
4440
  hasRequiredWeekOfYear = 1;
4428
- (function (module, exports) {
4441
+ (function (module, exports$1) {
4429
4442
  !function(e,t){module.exports=t();}(weekOfYear,(function(){var e="week",t="year";return function(i,n,r){var f=n.prototype;f.week=function(i){if(void 0===i&&(i=null),null!==i)return this.add(7*(i-this.week()),"day");var n=this.$locale().yearStart||1;if(11===this.month()&&this.date()>25){var f=r(this).startOf(t).add(1,t).date(n),s=r(this).endOf(e);if(f.isBefore(s))return 1}var a=r(this).startOf(t).date(n).startOf(e).subtract(1,"millisecond"),o=this.diff(a,e,true);return o<0?r(this).startOf("week").week():Math.ceil(o)},f.weeks=function(e){return void 0===e&&(e=null),this.week(e)};}}));
4430
4443
  } (weekOfYear$1));
4431
4444
  return weekOfYear$1.exports;
@@ -4437,7 +4450,7 @@ var hasRequiredCustomParseFormat;
4437
4450
  function requireCustomParseFormat () {
4438
4451
  if (hasRequiredCustomParseFormat) return customParseFormat$1.exports;
4439
4452
  hasRequiredCustomParseFormat = 1;
4440
- (function (module, exports) {
4453
+ (function (module, exports$1) {
4441
4454
  !function(e,t){module.exports=t();}(customParseFormat,(function(){var e={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"},t=/(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g,n=/\d/,r=/\d\d/,i=/\d\d?/,o=/\d*[^-_:/,()\s\d]+/,s={},a=function(e){return (e=+e)+(e>68?1900:2e3)};var f=function(e){return function(t){this[e]=+t;}},h=[/[+-]\d\d:?(\d\d)?|Z/,function(e){(this.zone||(this.zone={})).offset=function(e){if(!e)return 0;if("Z"===e)return 0;var t=e.match(/([+-]|\d\d)/g),n=60*t[1]+(+t[2]||0);return 0===n?0:"+"===t[0]?-n:n}(e);}],u=function(e){var t=s[e];return t&&(t.indexOf?t:t.s.concat(t.f))},d=function(e,t){var n,r=s.meridiem;if(r){for(var i=1;i<=24;i+=1)if(e.indexOf(r(i,0,t))>-1){n=i>12;break}}else n=e===(t?"pm":"PM");return n},c={A:[o,function(e){this.afternoon=d(e,false);}],a:[o,function(e){this.afternoon=d(e,true);}],Q:[n,function(e){this.month=3*(e-1)+1;}],S:[n,function(e){this.milliseconds=100*+e;}],SS:[r,function(e){this.milliseconds=10*+e;}],SSS:[/\d{3}/,function(e){this.milliseconds=+e;}],s:[i,f("seconds")],ss:[i,f("seconds")],m:[i,f("minutes")],mm:[i,f("minutes")],H:[i,f("hours")],h:[i,f("hours")],HH:[i,f("hours")],hh:[i,f("hours")],D:[i,f("day")],DD:[r,f("day")],Do:[o,function(e){var t=s.ordinal,n=e.match(/\d+/);if(this.day=n[0],t)for(var r=1;r<=31;r+=1)t(r).replace(/\[|\]/g,"")===e&&(this.day=r);}],w:[i,f("week")],ww:[r,f("week")],M:[i,f("month")],MM:[r,f("month")],MMM:[o,function(e){var t=u("months"),n=(u("monthsShort")||t.map((function(e){return e.slice(0,3)}))).indexOf(e)+1;if(n<1)throw new Error;this.month=n%12||n;}],MMMM:[o,function(e){var t=u("months").indexOf(e)+1;if(t<1)throw new Error;this.month=t%12||t;}],Y:[/[+-]?\d+/,f("year")],YY:[r,function(e){this.year=a(e);}],YYYY:[/\d{4}/,f("year")],Z:h,ZZ:h};function l(n){var r,i;r=n,i=s&&s.formats;for(var o=(n=r.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,n,r){var o=r&&r.toUpperCase();return n||i[r]||e[r]||i[o].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,n){return t||n.slice(1)}))}))).match(t),a=o.length,f=0;f<a;f+=1){var h=o[f],u=c[h],d=u&&u[0],l=u&&u[1];o[f]=l?{regex:d,parser:l}:h.replace(/^\[|\]$/g,"");}return function(e){for(var t={},n=0,r=0;n<a;n+=1){var i=o[n];if("string"==typeof i)r+=i.length;else {var s=i.regex,f=i.parser,h=e.slice(r),u=s.exec(h)[0];f.call(t,u),e=e.replace(u,"");}}return function(e){var t=e.afternoon;if(void 0!==t){var n=e.hours;t?n<12&&(e.hours+=12):12===n&&(e.hours=0),delete e.afternoon;}}(t),t}}return function(e,t,n){n.p.customParseFormat=true,e&&e.parseTwoDigitYear&&(a=e.parseTwoDigitYear);var r=t.prototype,i=r.parse;r.parse=function(e){var t=e.date,r=e.utc,o=e.args;this.$u=r;var a=o[1];if("string"==typeof a){var f=true===o[2],h=true===o[3],u=f||h,d=o[2];h&&(d=o[2]),s=this.$locale(),!f&&d&&(s=n.Ls[d]),this.$d=function(e,t,n,r){try{if(["x","X"].indexOf(t)>-1)return new Date(("X"===t?1e3:1)*e);var i=l(t)(e),o=i.year,s=i.month,a=i.day,f=i.hours,h=i.minutes,u=i.seconds,d=i.milliseconds,c=i.zone,m=i.week,M=new Date,Y=a||(o||s?1:M.getDate()),p=o||M.getFullYear(),v=0;o&&!s||(v=s>0?s-1:M.getMonth());var D,w=f||0,g=h||0,y=u||0,L=d||0;return c?new Date(Date.UTC(p,v,Y,w,g,y,L+60*c.offset*1e3)):n?new Date(Date.UTC(p,v,Y,w,g,y,L)):(D=new Date(p,v,Y,w,g,y,L),m&&(D=r(D).week(m).toDate()),D)}catch(e){return new Date("")}}(t,a,r,n),this.init(),d&&true!==d&&(this.$L=this.locale(d).$L),u&&t!=this.format(a)&&(this.$d=new Date("")),s={};}else if(a instanceof Array)for(var c=a.length,m=1;m<=c;m+=1){o[1]=a[m-1];var M=n.apply(this,o);if(M.isValid()){this.$d=M.$d,this.$L=M.$L,this.init();break}m===c&&(this.$d=new Date(""));}else i.call(this,e);};}}));
4442
4455
  } (customParseFormat$1));
4443
4456
  return customParseFormat$1.exports;
@@ -4449,7 +4462,7 @@ var hasRequiredLocalizedFormat;
4449
4462
  function requireLocalizedFormat () {
4450
4463
  if (hasRequiredLocalizedFormat) return localizedFormat$1.exports;
4451
4464
  hasRequiredLocalizedFormat = 1;
4452
- (function (module, exports) {
4465
+ (function (module, exports$1) {
4453
4466
  !function(e,t){module.exports=t();}(localizedFormat,(function(){var e={LTS:"h:mm:ss A",LT:"h:mm A",L:"MM/DD/YYYY",LL:"MMMM D, YYYY",LLL:"MMMM D, YYYY h:mm A",LLLL:"dddd, MMMM D, YYYY h:mm A"};return function(t,o,n){var r=o.prototype,i=r.format;n.en.formats=e,r.format=function(t){ void 0===t&&(t="YYYY-MM-DDTHH:mm:ssZ");var o=this.$locale().formats,n=function(t,o){return t.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g,(function(t,n,r){var i=r&&r.toUpperCase();return n||o[r]||e[r]||o[i].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g,(function(e,t,o){return t||o.slice(1)}))}))}(t,void 0===o?{}:o);return i.call(this,n)};}}));
4454
4467
  } (localizedFormat$1));
4455
4468
  return localizedFormat$1.exports;
@@ -4461,7 +4474,7 @@ var hasRequiredIsBetween;
4461
4474
  function requireIsBetween () {
4462
4475
  if (hasRequiredIsBetween) return isBetween$1.exports;
4463
4476
  hasRequiredIsBetween = 1;
4464
- (function (module, exports) {
4477
+ (function (module, exports$1) {
4465
4478
  !function(e,i){module.exports=i();}(isBetween,(function(){return function(e,i,t){i.prototype.isBetween=function(e,i,s,f){var n=t(e),o=t(i),r="("===(f=f||"()")[0],u=")"===f[1];return (r?this.isAfter(n,s):!this.isBefore(n,s))&&(u?this.isBefore(o,s):!this.isAfter(o,s))||(r?this.isBefore(n,s):!this.isAfter(n,s))&&(u?this.isAfter(o,s):!this.isBefore(o,s))};}}));
4466
4479
  } (isBetween$1));
4467
4480
  return isBetween$1.exports;
@@ -4473,7 +4486,7 @@ var hasRequiredAdvancedFormat;
4473
4486
  function requireAdvancedFormat () {
4474
4487
  if (hasRequiredAdvancedFormat) return advancedFormat$1.exports;
4475
4488
  hasRequiredAdvancedFormat = 1;
4476
- (function (module, exports) {
4489
+ (function (module, exports$1) {
4477
4490
  !function(e,t){module.exports=t();}(advancedFormat,(function(){return function(e,t){var r=t.prototype,n=r.format;r.format=function(e){var t=this,r=this.$locale();if(!this.isValid())return n.bind(this)(e);var s=this.$utils(),a=(e||"YYYY-MM-DDTHH:mm:ssZ").replace(/\[([^\]]+)]|Q|wo|ww|w|WW|W|zzz|z|gggg|GGGG|Do|X|x|k{1,2}|S/g,(function(e){switch(e){case "Q":return Math.ceil((t.$M+1)/3);case "Do":return r.ordinal(t.$D);case "gggg":return t.weekYear();case "GGGG":return t.isoWeekYear();case "wo":return r.ordinal(t.week(),"W");case "w":case "ww":return s.s(t.week(),"w"===e?1:2,"0");case "W":case "WW":return s.s(t.isoWeek(),"W"===e?1:2,"0");case "k":case "kk":return s.s(String(0===t.$H?24:t.$H),"k"===e?1:2,"0");case "X":return Math.floor(t.$d.getTime()/1e3);case "x":return t.$d.getTime();case "z":return "["+t.offsetName()+"]";case "zzz":return "["+t.offsetName("long")+"]";default:return e}}));return n.bind(this)(a)};}}));
4478
4491
  } (advancedFormat$1));
4479
4492
  return advancedFormat$1.exports;
@@ -9029,7 +9042,7 @@ var hasRequiredKo;
9029
9042
  function requireKo () {
9030
9043
  if (hasRequiredKo) return ko$1.exports;
9031
9044
  hasRequiredKo = 1;
9032
- (function (module, exports) {
9045
+ (function (module, exports$1) {
9033
9046
  !function(e,_){module.exports=_(dayjs);}(ko,(function(e){function _(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var d=_(e),t={name:"ko",weekdays:"일요일_월요일_화요일_수요일_목요일_금요일_토요일".split("_"),weekdaysShort:"일_월_화_수_목_금_토".split("_"),weekdaysMin:"일_월_화_수_목_금_토".split("_"),months:"1월_2월_3월_4월_5월_6월_7월_8월_9월_10월_11월_12월".split("_"),monthsShort:"1월_2월_3월_4월_5월_6월_7월_8월_9월_10월_11월_12월".split("_"),ordinal:function(e){return e+"일"},formats:{LT:"A h:mm",LTS:"A h:mm:ss",L:"YYYY.MM.DD.",LL:"YYYY년 MMMM D일",LLL:"YYYY년 MMMM D일 A h:mm",LLLL:"YYYY년 MMMM D일 dddd A h:mm",l:"YYYY.MM.DD.",ll:"YYYY년 MMMM D일",lll:"YYYY년 MMMM D일 A h:mm",llll:"YYYY년 MMMM D일 dddd A h:mm"},meridiem:function(e){return e<12?"오전":"오후"},relativeTime:{future:"%s 후",past:"%s 전",s:"몇 초",m:"1분",mm:"%d분",h:"한 시간",hh:"%d시간",d:"하루",dd:"%d일",M:"한 달",MM:"%d달",y:"일 년",yy:"%d년"}};return d.default.locale(t,null,true),t}));
9034
9047
  } (ko$1));
9035
9048
  return ko$1.exports;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@pdg/react-form",
3
3
  "title": "React Form",
4
- "version": "1.1.13",
4
+ "version": "1.1.15",
5
5
  "description": "React Form",
6
6
  "type": "module",
7
7
  "types": "dist/index.d.ts",
@@ -55,11 +55,11 @@
55
55
  "@mui/material": "^7.1.0",
56
56
  "@mui/x-date-pickers": "^7.29.4",
57
57
  "@pdg/compare": "^1.0.6",
58
- "@pdg/data": "^1.0.1",
58
+ "@pdg/data": "^1.0.3",
59
59
  "@pdg/formatting": "^1.0.5",
60
- "@pdg/react-component": "^1.1.1",
61
- "@pdg/react-hook": "^1.0.32",
62
- "@pdg/types": "^1.0.2",
60
+ "@pdg/react-component": "^1.1.2",
61
+ "@pdg/react-hook": "^1.0.39",
62
+ "@pdg/types": "^1.0.6",
63
63
  "@tinymce/miniature": "^6.0.0",
64
64
  "@tinymce/tinymce-react": "^6.2.0",
65
65
  "classnames": "^2.5.1",