@delightui/components 0.1.75 → 0.1.77

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 (144) hide show
  1. package/dist/cjs/components/atoms/Checkbox/Checkbox.d.ts +2 -8
  2. package/dist/cjs/components/atoms/Checkbox/Checkbox.presenter.d.ts +303 -0
  3. package/dist/cjs/components/atoms/Checkbox/Checkbox.types.d.ts +2 -24
  4. package/dist/cjs/components/atoms/CheckboxItem/CheckboxItem.d.ts +7 -2
  5. package/dist/cjs/components/atoms/CheckboxItem/CheckboxItem.presenter.d.ts +311 -0
  6. package/dist/cjs/components/atoms/CheckboxItem/CheckboxItem.types.d.ts +1 -6
  7. package/dist/cjs/components/atoms/CustomToggle/CustomToggle.d.ts +5 -3
  8. package/dist/cjs/components/atoms/CustomToggle/CustomToggle.presenter.d.ts +16 -0
  9. package/dist/cjs/components/atoms/CustomToggle/CustomToggle.types.d.ts +3 -26
  10. package/dist/cjs/components/atoms/Input/Input.d.ts +2 -7
  11. package/dist/cjs/components/atoms/Input/Input.presenter.d.ts +311 -0
  12. package/dist/cjs/components/atoms/Input/Input.types.d.ts +2 -20
  13. package/dist/cjs/components/atoms/Password/Password.presenter.d.ts +311 -0
  14. package/dist/cjs/components/atoms/RadioButton/RadioButton.d.ts +2 -7
  15. package/dist/cjs/components/atoms/RadioButton/RadioButton.types.d.ts +2 -19
  16. package/dist/cjs/components/atoms/RadioButtonItem/RadioButtonItem.d.ts +5 -2
  17. package/dist/cjs/components/atoms/RadioButtonItem/RadioButtonItem.presenter.d.ts +311 -0
  18. package/dist/cjs/components/atoms/RadioButtonItem/RadioButtonItem.types.d.ts +1 -6
  19. package/dist/cjs/components/atoms/Slider/Slider.d.ts +1 -2
  20. package/dist/cjs/components/atoms/Slider/Slider.presenter.d.ts +289 -0
  21. package/dist/cjs/components/atoms/Slider/Slider.types.d.ts +2 -16
  22. package/dist/cjs/components/atoms/TextArea/TextArea.d.ts +1 -7
  23. package/dist/cjs/components/atoms/TextArea/TextArea.presenter.d.ts +293 -0
  24. package/dist/cjs/components/atoms/TextArea/TextArea.types.d.ts +2 -20
  25. package/dist/cjs/components/atoms/Toggle/Toggle.d.ts +2 -7
  26. package/dist/cjs/components/atoms/Toggle/Toggle.presenter.d.ts +306 -0
  27. package/dist/cjs/components/atoms/Toggle/Toggle.types.d.ts +2 -20
  28. package/dist/cjs/components/atoms/ToggleButton/ToggleButton.d.ts +1 -6
  29. package/dist/cjs/components/atoms/ToggleButton/ToggleButton.presenter.d.ts +281 -0
  30. package/dist/cjs/components/atoms/ToggleButton/ToggleButton.types.d.ts +2 -21
  31. package/dist/cjs/components/molecules/ChipInput/ChipInput.presenter.d.ts +28 -0
  32. package/dist/cjs/components/molecules/ChipInput/ChipInput.types.d.ts +2 -3
  33. package/dist/cjs/components/molecules/DatePicker/DatePicker.d.ts +1 -1
  34. package/dist/cjs/components/molecules/DatePicker/DatePicker.presenter.d.ts +39 -0
  35. package/dist/cjs/components/molecules/DatePicker/DatePicker.types.d.ts +2 -7
  36. package/dist/cjs/components/molecules/FormField/FormField.d.ts +2 -3
  37. package/dist/cjs/components/molecules/FormField/FormField.presenter.d.ts +15 -0
  38. package/dist/cjs/components/molecules/FormField/FormField.types.d.ts +36 -85
  39. package/dist/cjs/components/molecules/FormField/FormField.utils.d.ts +11 -0
  40. package/dist/cjs/components/molecules/FormField/index.d.ts +3 -7
  41. package/dist/cjs/components/molecules/RadioGroup/RadioGroup.d.ts +1 -2
  42. package/dist/cjs/components/molecules/RadioGroup/RadioGroup.presenter.d.ts +9 -0
  43. package/dist/cjs/components/molecules/RadioGroup/RadioGroup.types.d.ts +5 -27
  44. package/dist/cjs/components/molecules/RadioGroup/RadioGroup.utils.d.ts +3 -0
  45. package/dist/cjs/components/molecules/Select/Select.Context.d.ts +1 -1
  46. package/dist/cjs/components/molecules/Select/Select.d.ts +1 -2
  47. package/dist/cjs/components/molecules/Select/Select.presenter.d.ts +292 -0
  48. package/dist/cjs/components/molecules/Select/Select.types.d.ts +4 -25
  49. package/dist/cjs/components/organisms/Dropzone/Dropzone.d.ts +1 -2
  50. package/dist/cjs/components/organisms/Dropzone/Dropzone.presenter.d.ts +19 -0
  51. package/dist/cjs/components/organisms/Dropzone/Dropzone.types.d.ts +2 -7
  52. package/dist/cjs/components/organisms/Form/UpdatedFormExample.d.ts +23 -0
  53. package/dist/cjs/components/utils/ConditionalView/ConditionalView.d.ts +3 -0
  54. package/dist/cjs/components/utils/ConditionalView/ConditionalView.types.d.ts +5 -0
  55. package/dist/cjs/components/utils/ConditionalView/index.d.ts +2 -0
  56. package/dist/cjs/components/utils/WrapTextNodes/WrapTextNodes.d.ts +6 -0
  57. package/dist/cjs/components/utils/WrapTextNodes/WrapTextNodes.types.d.ts +2 -0
  58. package/dist/cjs/components/utils/WrapTextNodes/index.d.ts +4 -0
  59. package/dist/cjs/components/utils/index.d.ts +5 -0
  60. package/dist/cjs/components/utils/utils.d.ts +16 -0
  61. package/dist/cjs/library.css +682 -445
  62. package/dist/cjs/library.js +3 -3
  63. package/dist/cjs/library.js.map +1 -1
  64. package/dist/esm/components/atoms/Checkbox/Checkbox.d.ts +2 -8
  65. package/dist/esm/components/atoms/Checkbox/Checkbox.presenter.d.ts +303 -0
  66. package/dist/esm/components/atoms/Checkbox/Checkbox.types.d.ts +2 -24
  67. package/dist/esm/components/atoms/CheckboxItem/CheckboxItem.d.ts +7 -2
  68. package/dist/esm/components/atoms/CheckboxItem/CheckboxItem.presenter.d.ts +311 -0
  69. package/dist/esm/components/atoms/CheckboxItem/CheckboxItem.types.d.ts +1 -6
  70. package/dist/esm/components/atoms/CustomToggle/CustomToggle.d.ts +5 -3
  71. package/dist/esm/components/atoms/CustomToggle/CustomToggle.presenter.d.ts +16 -0
  72. package/dist/esm/components/atoms/CustomToggle/CustomToggle.types.d.ts +3 -26
  73. package/dist/esm/components/atoms/Input/Input.d.ts +2 -7
  74. package/dist/esm/components/atoms/Input/Input.presenter.d.ts +311 -0
  75. package/dist/esm/components/atoms/Input/Input.types.d.ts +2 -20
  76. package/dist/esm/components/atoms/Password/Password.presenter.d.ts +311 -0
  77. package/dist/esm/components/atoms/RadioButton/RadioButton.d.ts +2 -7
  78. package/dist/esm/components/atoms/RadioButton/RadioButton.types.d.ts +2 -19
  79. package/dist/esm/components/atoms/RadioButtonItem/RadioButtonItem.d.ts +5 -2
  80. package/dist/esm/components/atoms/RadioButtonItem/RadioButtonItem.presenter.d.ts +311 -0
  81. package/dist/esm/components/atoms/RadioButtonItem/RadioButtonItem.types.d.ts +1 -6
  82. package/dist/esm/components/atoms/Slider/Slider.d.ts +1 -2
  83. package/dist/esm/components/atoms/Slider/Slider.presenter.d.ts +289 -0
  84. package/dist/esm/components/atoms/Slider/Slider.types.d.ts +2 -16
  85. package/dist/esm/components/atoms/TextArea/TextArea.d.ts +1 -7
  86. package/dist/esm/components/atoms/TextArea/TextArea.presenter.d.ts +293 -0
  87. package/dist/esm/components/atoms/TextArea/TextArea.types.d.ts +2 -20
  88. package/dist/esm/components/atoms/Toggle/Toggle.d.ts +2 -7
  89. package/dist/esm/components/atoms/Toggle/Toggle.presenter.d.ts +306 -0
  90. package/dist/esm/components/atoms/Toggle/Toggle.types.d.ts +2 -20
  91. package/dist/esm/components/atoms/ToggleButton/ToggleButton.d.ts +1 -6
  92. package/dist/esm/components/atoms/ToggleButton/ToggleButton.presenter.d.ts +281 -0
  93. package/dist/esm/components/atoms/ToggleButton/ToggleButton.types.d.ts +2 -21
  94. package/dist/esm/components/molecules/ChipInput/ChipInput.presenter.d.ts +28 -0
  95. package/dist/esm/components/molecules/ChipInput/ChipInput.types.d.ts +2 -3
  96. package/dist/esm/components/molecules/DatePicker/DatePicker.d.ts +1 -1
  97. package/dist/esm/components/molecules/DatePicker/DatePicker.presenter.d.ts +39 -0
  98. package/dist/esm/components/molecules/DatePicker/DatePicker.types.d.ts +2 -7
  99. package/dist/esm/components/molecules/FormField/FormField.d.ts +2 -3
  100. package/dist/esm/components/molecules/FormField/FormField.presenter.d.ts +15 -0
  101. package/dist/esm/components/molecules/FormField/FormField.types.d.ts +36 -85
  102. package/dist/esm/components/molecules/FormField/FormField.utils.d.ts +11 -0
  103. package/dist/esm/components/molecules/FormField/index.d.ts +3 -7
  104. package/dist/esm/components/molecules/RadioGroup/RadioGroup.d.ts +1 -2
  105. package/dist/esm/components/molecules/RadioGroup/RadioGroup.presenter.d.ts +9 -0
  106. package/dist/esm/components/molecules/RadioGroup/RadioGroup.types.d.ts +5 -27
  107. package/dist/esm/components/molecules/RadioGroup/RadioGroup.utils.d.ts +3 -0
  108. package/dist/esm/components/molecules/Select/Select.Context.d.ts +1 -1
  109. package/dist/esm/components/molecules/Select/Select.d.ts +1 -2
  110. package/dist/esm/components/molecules/Select/Select.presenter.d.ts +292 -0
  111. package/dist/esm/components/molecules/Select/Select.types.d.ts +4 -25
  112. package/dist/esm/components/organisms/Dropzone/Dropzone.d.ts +1 -2
  113. package/dist/esm/components/organisms/Dropzone/Dropzone.presenter.d.ts +19 -0
  114. package/dist/esm/components/organisms/Dropzone/Dropzone.types.d.ts +2 -7
  115. package/dist/esm/components/organisms/Form/UpdatedFormExample.d.ts +23 -0
  116. package/dist/esm/components/utils/ConditionalView/ConditionalView.d.ts +3 -0
  117. package/dist/esm/components/utils/ConditionalView/ConditionalView.types.d.ts +5 -0
  118. package/dist/esm/components/utils/ConditionalView/index.d.ts +2 -0
  119. package/dist/esm/components/utils/WrapTextNodes/WrapTextNodes.d.ts +6 -0
  120. package/dist/esm/components/utils/WrapTextNodes/WrapTextNodes.types.d.ts +2 -0
  121. package/dist/esm/components/utils/WrapTextNodes/index.d.ts +4 -0
  122. package/dist/esm/components/utils/index.d.ts +5 -0
  123. package/dist/esm/components/utils/utils.d.ts +16 -0
  124. package/dist/esm/library.css +682 -445
  125. package/dist/esm/library.js +3 -3
  126. package/dist/esm/library.js.map +1 -1
  127. package/dist/index.d.ts +272 -510
  128. package/package.json +1 -1
  129. package/dist/cjs/components/molecules/CheckboxGroup/CheckboxGroup.Context.d.ts +0 -4
  130. package/dist/cjs/components/molecules/CheckboxGroup/CheckboxGroup.d.ts +0 -4
  131. package/dist/cjs/components/molecules/CheckboxGroup/CheckboxGroup.types.d.ts +0 -53
  132. package/dist/cjs/components/molecules/CheckboxGroup/index.d.ts +0 -3
  133. package/dist/cjs/components/molecules/FormField/FormFieldContext.d.ts +0 -5
  134. package/dist/cjs/components/molecules/FormField/useField.d.ts +0 -12
  135. package/dist/cjs/components/molecules/RadioGroup/RadioGroup.Context.d.ts +0 -21
  136. package/dist/cjs/components/organisms/Form/FormExample.d.ts +0 -24
  137. package/dist/esm/components/molecules/CheckboxGroup/CheckboxGroup.Context.d.ts +0 -4
  138. package/dist/esm/components/molecules/CheckboxGroup/CheckboxGroup.d.ts +0 -4
  139. package/dist/esm/components/molecules/CheckboxGroup/CheckboxGroup.types.d.ts +0 -53
  140. package/dist/esm/components/molecules/CheckboxGroup/index.d.ts +0 -3
  141. package/dist/esm/components/molecules/FormField/FormFieldContext.d.ts +0 -5
  142. package/dist/esm/components/molecules/FormField/useField.d.ts +0 -12
  143. package/dist/esm/components/molecules/RadioGroup/RadioGroup.Context.d.ts +0 -21
  144. package/dist/esm/components/organisms/Form/FormExample.d.ts +0 -24
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@delightui/components",
3
- "version": "0.1.75",
3
+ "version": "0.1.77",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "start": "vite",
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import type { CheckboxGroupContextProps, CheckboxGroupProviderProps } from './CheckboxGroup.types';
3
- export declare const useCheckboxGroupContext: () => CheckboxGroupContextProps;
4
- export declare const CheckboxGroupProvider: React.FC<CheckboxGroupProviderProps>;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import type { CheckboxGroupProps } from './CheckboxGroup.types';
3
- declare const CheckboxGroup: React.MemoExoticComponent<(props: CheckboxGroupProps) => React.JSX.Element>;
4
- export default CheckboxGroup;
@@ -1,53 +0,0 @@
1
- import { HTMLAttributes } from 'react';
2
- export type CheckboxGroupProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> & {
3
- /**
4
- * The name attribute for the checkbox group
5
- */
6
- name: string;
7
- /**
8
- * The currently selected values
9
- */
10
- value?: (string | number)[];
11
- /**
12
- * Callback function when selection changes
13
- */
14
- onValueChanged?: (value: (string | number)[]) => void;
15
- /**
16
- * The checkboxes to render
17
- */
18
- children: React.ReactNode;
19
- /**
20
- * Whether the checkbox group is disabled
21
- */
22
- disabled?: boolean;
23
- /**
24
- * Whether the checkbox group is invalid
25
- */
26
- invalid?: boolean;
27
- /**
28
- * Whether a selection is required
29
- */
30
- required?: boolean;
31
- /**
32
- * The orientation of the checkbox group
33
- * @default 'vertical'
34
- */
35
- orientation?: 'horizontal' | 'vertical';
36
- };
37
- export interface CheckboxGroupContextProps {
38
- selectedValues: (string | number)[];
39
- name?: string;
40
- updateSelectedValue: (value: string | number, checked: boolean) => void;
41
- disabledField?: boolean;
42
- invalidField?: boolean;
43
- requiredField?: boolean;
44
- }
45
- export interface CheckboxGroupProviderProps {
46
- children: React.ReactNode;
47
- value: (string | number)[];
48
- name?: string;
49
- onValueChanged?: (value: (string | number)[]) => void;
50
- disabled?: boolean;
51
- invalid?: boolean;
52
- required?: boolean;
53
- }
@@ -1,3 +0,0 @@
1
- import CheckboxGroup from './CheckboxGroup';
2
- export default CheckboxGroup;
3
- export * from './CheckboxGroup.types';
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import type { FormFieldContextValues, FormFieldProviderProps } from './FormField.types';
3
- declare const FormFieldContext: React.Context<FormFieldContextValues | undefined>;
4
- export declare const FormFieldProvider: (props: FormFieldProviderProps) => React.JSX.Element;
5
- export default FormFieldContext;
@@ -1,12 +0,0 @@
1
- import { FieldValue } from '../../organisms/Form/Form.types';
2
- import type { UseFieldProps } from './FormField.types';
3
- declare const useField: <T extends FieldValue = FieldValue>(props: UseFieldProps<T>) => {
4
- fieldValue: T;
5
- updateFieldValue: (newValue: T) => void;
6
- disabledField: boolean | undefined;
7
- requiredField: boolean | undefined;
8
- invalidField: boolean | undefined;
9
- formFieldId: string | undefined;
10
- name: string | undefined;
11
- };
12
- export default useField;
@@ -1,21 +0,0 @@
1
- import React from 'react';
2
- interface RadioGroupContextType {
3
- selectedValue?: string | number;
4
- updateSelectedValue: (value: string | number) => void;
5
- name?: string;
6
- disabledField?: boolean;
7
- invalidField?: boolean;
8
- requiredField?: boolean;
9
- }
10
- interface RadioGroupProviderProps {
11
- children: React.ReactNode;
12
- value?: string | number;
13
- name?: string;
14
- onValueChanged?: (value: string | number) => void;
15
- disabled?: boolean;
16
- invalid?: boolean;
17
- required?: boolean;
18
- }
19
- export declare const useRadioGroupContext: () => RadioGroupContextType;
20
- export declare const RadioGroupProvider: ({ children, value, name, onValueChanged, disabled, invalid, required, }: RadioGroupProviderProps) => React.JSX.Element;
21
- export {};
@@ -1,24 +0,0 @@
1
- import React from 'react';
2
- export type ProfileFormValues = {
3
- participants?: number;
4
- age: number[];
5
- photo: File[];
6
- name: string;
7
- email: string;
8
- address: string;
9
- someField: string;
10
- check?: string;
11
- date?: string | Date;
12
- password?: string;
13
- notifications?: boolean;
14
- toggleButtonState?: boolean;
15
- gender?: string;
16
- experience?: string;
17
- termsAccepted: boolean;
18
- privacyAccepted: boolean;
19
- notificationPreferences: string[];
20
- interests: string[];
21
- chipInputValue: string[];
22
- };
23
- declare const ProfileForm: () => React.JSX.Element;
24
- export default ProfileForm;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import type { CheckboxGroupContextProps, CheckboxGroupProviderProps } from './CheckboxGroup.types';
3
- export declare const useCheckboxGroupContext: () => CheckboxGroupContextProps;
4
- export declare const CheckboxGroupProvider: React.FC<CheckboxGroupProviderProps>;
@@ -1,4 +0,0 @@
1
- import React from 'react';
2
- import type { CheckboxGroupProps } from './CheckboxGroup.types';
3
- declare const CheckboxGroup: React.MemoExoticComponent<(props: CheckboxGroupProps) => React.JSX.Element>;
4
- export default CheckboxGroup;
@@ -1,53 +0,0 @@
1
- import { HTMLAttributes } from 'react';
2
- export type CheckboxGroupProps = Omit<HTMLAttributes<HTMLDivElement>, 'onChange'> & {
3
- /**
4
- * The name attribute for the checkbox group
5
- */
6
- name: string;
7
- /**
8
- * The currently selected values
9
- */
10
- value?: (string | number)[];
11
- /**
12
- * Callback function when selection changes
13
- */
14
- onValueChanged?: (value: (string | number)[]) => void;
15
- /**
16
- * The checkboxes to render
17
- */
18
- children: React.ReactNode;
19
- /**
20
- * Whether the checkbox group is disabled
21
- */
22
- disabled?: boolean;
23
- /**
24
- * Whether the checkbox group is invalid
25
- */
26
- invalid?: boolean;
27
- /**
28
- * Whether a selection is required
29
- */
30
- required?: boolean;
31
- /**
32
- * The orientation of the checkbox group
33
- * @default 'vertical'
34
- */
35
- orientation?: 'horizontal' | 'vertical';
36
- };
37
- export interface CheckboxGroupContextProps {
38
- selectedValues: (string | number)[];
39
- name?: string;
40
- updateSelectedValue: (value: string | number, checked: boolean) => void;
41
- disabledField?: boolean;
42
- invalidField?: boolean;
43
- requiredField?: boolean;
44
- }
45
- export interface CheckboxGroupProviderProps {
46
- children: React.ReactNode;
47
- value: (string | number)[];
48
- name?: string;
49
- onValueChanged?: (value: (string | number)[]) => void;
50
- disabled?: boolean;
51
- invalid?: boolean;
52
- required?: boolean;
53
- }
@@ -1,3 +0,0 @@
1
- import CheckboxGroup from './CheckboxGroup';
2
- export default CheckboxGroup;
3
- export * from './CheckboxGroup.types';
@@ -1,5 +0,0 @@
1
- import React from 'react';
2
- import type { FormFieldContextValues, FormFieldProviderProps } from './FormField.types';
3
- declare const FormFieldContext: React.Context<FormFieldContextValues | undefined>;
4
- export declare const FormFieldProvider: (props: FormFieldProviderProps) => React.JSX.Element;
5
- export default FormFieldContext;
@@ -1,12 +0,0 @@
1
- import { FieldValue } from '../../organisms/Form/Form.types';
2
- import type { UseFieldProps } from './FormField.types';
3
- declare const useField: <T extends FieldValue = FieldValue>(props: UseFieldProps<T>) => {
4
- fieldValue: T;
5
- updateFieldValue: (newValue: T) => void;
6
- disabledField: boolean | undefined;
7
- requiredField: boolean | undefined;
8
- invalidField: boolean | undefined;
9
- formFieldId: string | undefined;
10
- name: string | undefined;
11
- };
12
- export default useField;
@@ -1,21 +0,0 @@
1
- import React from 'react';
2
- interface RadioGroupContextType {
3
- selectedValue?: string | number;
4
- updateSelectedValue: (value: string | number) => void;
5
- name?: string;
6
- disabledField?: boolean;
7
- invalidField?: boolean;
8
- requiredField?: boolean;
9
- }
10
- interface RadioGroupProviderProps {
11
- children: React.ReactNode;
12
- value?: string | number;
13
- name?: string;
14
- onValueChanged?: (value: string | number) => void;
15
- disabled?: boolean;
16
- invalid?: boolean;
17
- required?: boolean;
18
- }
19
- export declare const useRadioGroupContext: () => RadioGroupContextType;
20
- export declare const RadioGroupProvider: ({ children, value, name, onValueChanged, disabled, invalid, required, }: RadioGroupProviderProps) => React.JSX.Element;
21
- export {};
@@ -1,24 +0,0 @@
1
- import React from 'react';
2
- export type ProfileFormValues = {
3
- participants?: number;
4
- age: number[];
5
- photo: File[];
6
- name: string;
7
- email: string;
8
- address: string;
9
- someField: string;
10
- check?: string;
11
- date?: string | Date;
12
- password?: string;
13
- notifications?: boolean;
14
- toggleButtonState?: boolean;
15
- gender?: string;
16
- experience?: string;
17
- termsAccepted: boolean;
18
- privacyAccepted: boolean;
19
- notificationPreferences: string[];
20
- interests: string[];
21
- chipInputValue: string[];
22
- };
23
- declare const ProfileForm: () => React.JSX.Element;
24
- export default ProfileForm;