@elementor/editor-editing-panel 4.1.0 → 4.2.0-839

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 (33) hide show
  1. package/dist/index.d.mts +169 -1
  2. package/dist/index.d.ts +169 -1
  3. package/dist/index.js +1301 -857
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +1145 -683
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +25 -22
  8. package/src/components/css-classes/use-apply-and-unapply-class.ts +10 -0
  9. package/src/components/design-system-import/components/conflict-options.tsx +67 -0
  10. package/src/components/design-system-import/components/trigger-button.tsx +33 -0
  11. package/src/components/design-system-import/hooks/use-dialog-state.ts +24 -0
  12. package/src/components/design-system-import/hooks/use-import-request.ts +38 -0
  13. package/src/components/design-system-import/import-design-system-dialog.tsx +89 -0
  14. package/src/components/design-system-import/import-notifications.tsx +57 -0
  15. package/src/components/design-system-import/types.ts +1 -0
  16. package/src/components/promotions/init.tsx +6 -7
  17. package/src/components/section-content.tsx +9 -2
  18. package/src/components/style-sections/layout-section/align-self-grid-child-field.tsx +74 -0
  19. package/src/components/style-sections/layout-section/display-field.tsx +21 -8
  20. package/src/components/style-sections/layout-section/grid-auto-flow-field.tsx +102 -0
  21. package/src/components/style-sections/layout-section/grid-justify-items-field.tsx +58 -0
  22. package/src/components/style-sections/layout-section/grid-size-field.tsx +96 -0
  23. package/src/components/style-sections/layout-section/grid-span-field.tsx +78 -0
  24. package/src/components/style-sections/layout-section/layout-section.tsx +50 -2
  25. package/src/components/style-sections/position-section/position-field.tsx +2 -6
  26. package/src/components/style-sections/position-section/position-section.tsx +82 -85
  27. package/src/components/style-sections/position-section/z-index-field.tsx +29 -3
  28. package/src/components/style-tab.tsx +3 -0
  29. package/src/contexts/styles-inheritance-context.tsx +16 -2
  30. package/src/controls-registry/conditional-field.tsx +84 -7
  31. package/src/controls-registry/controls-registry.tsx +16 -0
  32. package/src/hooks/use-styles-fields.ts +1 -1
  33. package/src/utils/prop-dependency-utils.ts +88 -12
package/dist/index.d.mts CHANGED
@@ -42,6 +42,7 @@ type SectionContentProps = PropsWithChildren<{
42
42
  pt?: number;
43
43
  };
44
44
  'aria-label'?: string;
45
+ className?: string;
45
46
  }>;
46
47
  declare const SectionContent: FC<SectionContentProps>;
47
48
 
@@ -1014,13 +1015,14 @@ declare const controlTypes: {
1014
1015
  };
1015
1016
  };
1016
1017
  readonly number: {
1017
- readonly component: ControlComponent<({ placeholder: labelPlaceholder, max, min, step, shouldForceInt, startIcon, }: {
1018
+ readonly component: ControlComponent<({ placeholder: labelPlaceholder, max, min, step, shouldForceInt, startIcon, disabled: inputDisabled, }: {
1018
1019
  placeholder?: string;
1019
1020
  max?: number;
1020
1021
  min?: number;
1021
1022
  step?: number;
1022
1023
  shouldForceInt?: boolean;
1023
1024
  startIcon?: react.ReactNode;
1025
+ disabled?: boolean;
1024
1026
  }) => react.JSX.Element>;
1025
1027
  readonly layout: "two-columns";
1026
1028
  readonly propTypeUtil: {
@@ -1692,6 +1694,172 @@ declare const controlTypes: {
1692
1694
  key: "email";
1693
1695
  };
1694
1696
  };
1697
+ readonly 'date-range': {
1698
+ readonly component: ControlComponent<() => react.JSX.Element>;
1699
+ readonly layout: "custom";
1700
+ readonly propTypeUtil: {
1701
+ extract: (prop: unknown) => {
1702
+ min?: any;
1703
+ max?: any;
1704
+ } | null;
1705
+ isValid: (prop: unknown) => prop is _elementor_editor_props.TransformablePropValue<"date-range", {
1706
+ min?: any;
1707
+ max?: any;
1708
+ }>;
1709
+ create: {
1710
+ (value: {
1711
+ min?: any;
1712
+ max?: any;
1713
+ }): _elementor_editor_props.TransformablePropValue<"date-range", {
1714
+ min?: any;
1715
+ max?: any;
1716
+ }>;
1717
+ (value: {
1718
+ min?: any;
1719
+ max?: any;
1720
+ }, createOptions?: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"date-range", {
1721
+ min?: any;
1722
+ max?: any;
1723
+ }>;
1724
+ (value: (prev?: {
1725
+ min?: any;
1726
+ max?: any;
1727
+ } | undefined) => {
1728
+ min?: any;
1729
+ max?: any;
1730
+ }, createOptions: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"date-range", {
1731
+ min?: any;
1732
+ max?: any;
1733
+ }>;
1734
+ };
1735
+ schema: zod.ZodObject<{
1736
+ $$type: zod.ZodLiteral<"date-range">;
1737
+ value: zod.ZodType<{
1738
+ min?: any;
1739
+ max?: any;
1740
+ }, zod.ZodTypeDef, {
1741
+ min?: any;
1742
+ max?: any;
1743
+ }>;
1744
+ disabled: zod.ZodOptional<zod.ZodBoolean>;
1745
+ }, "strict", zod.ZodTypeAny, {
1746
+ $$type: "date-range";
1747
+ value: {
1748
+ min?: any;
1749
+ max?: any;
1750
+ };
1751
+ disabled?: boolean | undefined;
1752
+ }, {
1753
+ $$type: "date-range";
1754
+ value: {
1755
+ min?: any;
1756
+ max?: any;
1757
+ };
1758
+ disabled?: boolean | undefined;
1759
+ }>;
1760
+ key: "date-range";
1761
+ };
1762
+ };
1763
+ readonly 'time-range': {
1764
+ readonly component: ControlComponent<() => react.JSX.Element>;
1765
+ readonly layout: "custom";
1766
+ readonly propTypeUtil: {
1767
+ extract: (prop: unknown) => {
1768
+ min?: any;
1769
+ max?: any;
1770
+ } | null;
1771
+ isValid: (prop: unknown) => prop is _elementor_editor_props.TransformablePropValue<"time-range", {
1772
+ min?: any;
1773
+ max?: any;
1774
+ }>;
1775
+ create: {
1776
+ (value: {
1777
+ min?: any;
1778
+ max?: any;
1779
+ }): _elementor_editor_props.TransformablePropValue<"time-range", {
1780
+ min?: any;
1781
+ max?: any;
1782
+ }>;
1783
+ (value: {
1784
+ min?: any;
1785
+ max?: any;
1786
+ }, createOptions?: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"time-range", {
1787
+ min?: any;
1788
+ max?: any;
1789
+ }>;
1790
+ (value: (prev?: {
1791
+ min?: any;
1792
+ max?: any;
1793
+ } | undefined) => {
1794
+ min?: any;
1795
+ max?: any;
1796
+ }, createOptions: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"time-range", {
1797
+ min?: any;
1798
+ max?: any;
1799
+ }>;
1800
+ };
1801
+ schema: zod.ZodObject<{
1802
+ $$type: zod.ZodLiteral<"time-range">;
1803
+ value: zod.ZodType<{
1804
+ min?: any;
1805
+ max?: any;
1806
+ }, zod.ZodTypeDef, {
1807
+ min?: any;
1808
+ max?: any;
1809
+ }>;
1810
+ disabled: zod.ZodOptional<zod.ZodBoolean>;
1811
+ }, "strict", zod.ZodTypeAny, {
1812
+ $$type: "time-range";
1813
+ value: {
1814
+ min?: any;
1815
+ max?: any;
1816
+ };
1817
+ disabled?: boolean | undefined;
1818
+ }, {
1819
+ $$type: "time-range";
1820
+ value: {
1821
+ min?: any;
1822
+ max?: any;
1823
+ };
1824
+ disabled?: boolean | undefined;
1825
+ }>;
1826
+ key: "time-range";
1827
+ };
1828
+ };
1829
+ readonly 'attachment-type': {
1830
+ readonly component: ControlComponent<({ label, options }: {
1831
+ label?: string;
1832
+ options: {
1833
+ label: string;
1834
+ value: _elementor_editor_props.StringPropValue["value"];
1835
+ disabled?: boolean;
1836
+ }[];
1837
+ }) => react.JSX.Element>;
1838
+ readonly layout: "custom";
1839
+ readonly propTypeUtil: {
1840
+ extract: (prop: unknown) => string | null;
1841
+ isValid: (prop: unknown) => prop is _elementor_editor_props.TransformablePropValue<"string", string | null>;
1842
+ create: {
1843
+ (value: string | null): _elementor_editor_props.TransformablePropValue<"string", string | null>;
1844
+ (value: string | null, createOptions?: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"string", string | null>;
1845
+ (value: (prev?: string | null | undefined) => string | null, createOptions: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"string", string | null>;
1846
+ };
1847
+ schema: zod.ZodObject<{
1848
+ $$type: zod.ZodLiteral<"string">;
1849
+ value: zod.ZodType<string | null, zod.ZodTypeDef, string | null>;
1850
+ disabled: zod.ZodOptional<zod.ZodBoolean>;
1851
+ }, "strict", zod.ZodTypeAny, {
1852
+ $$type: "string";
1853
+ value: string | null;
1854
+ disabled?: boolean | undefined;
1855
+ }, {
1856
+ $$type: "string";
1857
+ value: string | null;
1858
+ disabled?: boolean | undefined;
1859
+ }>;
1860
+ key: "string";
1861
+ };
1862
+ };
1695
1863
  };
1696
1864
  type ControlType = keyof typeof controlTypes;
1697
1865
  type ControlTypes = {
package/dist/index.d.ts CHANGED
@@ -42,6 +42,7 @@ type SectionContentProps = PropsWithChildren<{
42
42
  pt?: number;
43
43
  };
44
44
  'aria-label'?: string;
45
+ className?: string;
45
46
  }>;
46
47
  declare const SectionContent: FC<SectionContentProps>;
47
48
 
@@ -1014,13 +1015,14 @@ declare const controlTypes: {
1014
1015
  };
1015
1016
  };
1016
1017
  readonly number: {
1017
- readonly component: ControlComponent<({ placeholder: labelPlaceholder, max, min, step, shouldForceInt, startIcon, }: {
1018
+ readonly component: ControlComponent<({ placeholder: labelPlaceholder, max, min, step, shouldForceInt, startIcon, disabled: inputDisabled, }: {
1018
1019
  placeholder?: string;
1019
1020
  max?: number;
1020
1021
  min?: number;
1021
1022
  step?: number;
1022
1023
  shouldForceInt?: boolean;
1023
1024
  startIcon?: react.ReactNode;
1025
+ disabled?: boolean;
1024
1026
  }) => react.JSX.Element>;
1025
1027
  readonly layout: "two-columns";
1026
1028
  readonly propTypeUtil: {
@@ -1692,6 +1694,172 @@ declare const controlTypes: {
1692
1694
  key: "email";
1693
1695
  };
1694
1696
  };
1697
+ readonly 'date-range': {
1698
+ readonly component: ControlComponent<() => react.JSX.Element>;
1699
+ readonly layout: "custom";
1700
+ readonly propTypeUtil: {
1701
+ extract: (prop: unknown) => {
1702
+ min?: any;
1703
+ max?: any;
1704
+ } | null;
1705
+ isValid: (prop: unknown) => prop is _elementor_editor_props.TransformablePropValue<"date-range", {
1706
+ min?: any;
1707
+ max?: any;
1708
+ }>;
1709
+ create: {
1710
+ (value: {
1711
+ min?: any;
1712
+ max?: any;
1713
+ }): _elementor_editor_props.TransformablePropValue<"date-range", {
1714
+ min?: any;
1715
+ max?: any;
1716
+ }>;
1717
+ (value: {
1718
+ min?: any;
1719
+ max?: any;
1720
+ }, createOptions?: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"date-range", {
1721
+ min?: any;
1722
+ max?: any;
1723
+ }>;
1724
+ (value: (prev?: {
1725
+ min?: any;
1726
+ max?: any;
1727
+ } | undefined) => {
1728
+ min?: any;
1729
+ max?: any;
1730
+ }, createOptions: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"date-range", {
1731
+ min?: any;
1732
+ max?: any;
1733
+ }>;
1734
+ };
1735
+ schema: zod.ZodObject<{
1736
+ $$type: zod.ZodLiteral<"date-range">;
1737
+ value: zod.ZodType<{
1738
+ min?: any;
1739
+ max?: any;
1740
+ }, zod.ZodTypeDef, {
1741
+ min?: any;
1742
+ max?: any;
1743
+ }>;
1744
+ disabled: zod.ZodOptional<zod.ZodBoolean>;
1745
+ }, "strict", zod.ZodTypeAny, {
1746
+ $$type: "date-range";
1747
+ value: {
1748
+ min?: any;
1749
+ max?: any;
1750
+ };
1751
+ disabled?: boolean | undefined;
1752
+ }, {
1753
+ $$type: "date-range";
1754
+ value: {
1755
+ min?: any;
1756
+ max?: any;
1757
+ };
1758
+ disabled?: boolean | undefined;
1759
+ }>;
1760
+ key: "date-range";
1761
+ };
1762
+ };
1763
+ readonly 'time-range': {
1764
+ readonly component: ControlComponent<() => react.JSX.Element>;
1765
+ readonly layout: "custom";
1766
+ readonly propTypeUtil: {
1767
+ extract: (prop: unknown) => {
1768
+ min?: any;
1769
+ max?: any;
1770
+ } | null;
1771
+ isValid: (prop: unknown) => prop is _elementor_editor_props.TransformablePropValue<"time-range", {
1772
+ min?: any;
1773
+ max?: any;
1774
+ }>;
1775
+ create: {
1776
+ (value: {
1777
+ min?: any;
1778
+ max?: any;
1779
+ }): _elementor_editor_props.TransformablePropValue<"time-range", {
1780
+ min?: any;
1781
+ max?: any;
1782
+ }>;
1783
+ (value: {
1784
+ min?: any;
1785
+ max?: any;
1786
+ }, createOptions?: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"time-range", {
1787
+ min?: any;
1788
+ max?: any;
1789
+ }>;
1790
+ (value: (prev?: {
1791
+ min?: any;
1792
+ max?: any;
1793
+ } | undefined) => {
1794
+ min?: any;
1795
+ max?: any;
1796
+ }, createOptions: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"time-range", {
1797
+ min?: any;
1798
+ max?: any;
1799
+ }>;
1800
+ };
1801
+ schema: zod.ZodObject<{
1802
+ $$type: zod.ZodLiteral<"time-range">;
1803
+ value: zod.ZodType<{
1804
+ min?: any;
1805
+ max?: any;
1806
+ }, zod.ZodTypeDef, {
1807
+ min?: any;
1808
+ max?: any;
1809
+ }>;
1810
+ disabled: zod.ZodOptional<zod.ZodBoolean>;
1811
+ }, "strict", zod.ZodTypeAny, {
1812
+ $$type: "time-range";
1813
+ value: {
1814
+ min?: any;
1815
+ max?: any;
1816
+ };
1817
+ disabled?: boolean | undefined;
1818
+ }, {
1819
+ $$type: "time-range";
1820
+ value: {
1821
+ min?: any;
1822
+ max?: any;
1823
+ };
1824
+ disabled?: boolean | undefined;
1825
+ }>;
1826
+ key: "time-range";
1827
+ };
1828
+ };
1829
+ readonly 'attachment-type': {
1830
+ readonly component: ControlComponent<({ label, options }: {
1831
+ label?: string;
1832
+ options: {
1833
+ label: string;
1834
+ value: _elementor_editor_props.StringPropValue["value"];
1835
+ disabled?: boolean;
1836
+ }[];
1837
+ }) => react.JSX.Element>;
1838
+ readonly layout: "custom";
1839
+ readonly propTypeUtil: {
1840
+ extract: (prop: unknown) => string | null;
1841
+ isValid: (prop: unknown) => prop is _elementor_editor_props.TransformablePropValue<"string", string | null>;
1842
+ create: {
1843
+ (value: string | null): _elementor_editor_props.TransformablePropValue<"string", string | null>;
1844
+ (value: string | null, createOptions?: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"string", string | null>;
1845
+ (value: (prev?: string | null | undefined) => string | null, createOptions: _elementor_editor_props.CreateOptions): _elementor_editor_props.TransformablePropValue<"string", string | null>;
1846
+ };
1847
+ schema: zod.ZodObject<{
1848
+ $$type: zod.ZodLiteral<"string">;
1849
+ value: zod.ZodType<string | null, zod.ZodTypeDef, string | null>;
1850
+ disabled: zod.ZodOptional<zod.ZodBoolean>;
1851
+ }, "strict", zod.ZodTypeAny, {
1852
+ $$type: "string";
1853
+ value: string | null;
1854
+ disabled?: boolean | undefined;
1855
+ }, {
1856
+ $$type: "string";
1857
+ value: string | null;
1858
+ disabled?: boolean | undefined;
1859
+ }>;
1860
+ key: "string";
1861
+ };
1862
+ };
1695
1863
  };
1696
1864
  type ControlType = keyof typeof controlTypes;
1697
1865
  type ControlTypes = {