@webiny/admin-ui 6.2.0-beta.0 → 6.3.0-beta.0

package/SteppedProgress/components/SteppedProgressIndicator.d.ts

@@ -5,7 +5,7 @@ declare const steppedProgressIndicatorVariants: (props?: ({
     state?: ProgressItemState | null | undefined;
     disabled?: boolean | null | undefined;
     errored?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface SteppedProgressIndicatorProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof steppedProgressIndicatorVariants> {
 }
 declare const SteppedProgressIndicator: ({ state, disabled, errored, className, children, ...props }: SteppedProgressIndicatorProps) => React.JSX.Element;

package/SteppedProgress/components/SteppedProgressIndicator.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","ProgressItemState","steppedProgressIndicatorVariants","variants","state","IDLE","IN_PROGRESS","COMPLETED","COMPLETED_AFFIRMATIVE","disabled","true","errored","compoundVariants","className","defaultVariants","SteppedProgressIndicator","children","props","createElement","Object","assign"],"sources":["SteppedProgressIndicator.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\nimport { ProgressItemState } from \"~/SteppedProgress/domains/index.js\";\n\nconst steppedProgressIndicatorVariants = cva(\n    [\"size-lg rounded-full relative shrink-0 basis-auto\"],\n    {\n        variants: {\n            state: {\n                [ProgressItemState.IDLE]:\n                    \"bg-neutral-base border-sm border-solid border-neutral-muted\",\n                [ProgressItemState.IN_PROGRESS]: [\n                    \"bg-primary-base border-sm border-solid border-neutral-muted\"\n                ],\n                [ProgressItemState.COMPLETED]: \"bg-primary\",\n                [ProgressItemState.COMPLETED_AFFIRMATIVE]: \"bg-success\"\n            },\n            disabled: {\n                true: \"bg-neutral-dimmed! border-none!\"\n            },\n            errored: {\n                true: \"\"\n            }\n        },\n        compoundVariants: [\n            {\n                state: ProgressItemState.COMPLETED,\n                errored: true,\n                className: \"bg-destructive-default\"\n            }\n        ],\n        defaultVariants: {\n            state: ProgressItemState.IDLE\n        }\n    }\n);\n\ninterface SteppedProgressIndicatorProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        VariantProps<typeof steppedProgressIndicatorVariants> {}\n\nconst SteppedProgressIndicator = ({\n    state,\n    disabled,\n    errored,\n    className,\n    children,\n    ...props\n}: SteppedProgressIndicatorProps) => {\n    return (\n        <div\n            {...props}\n            className={cn(\n                steppedProgressIndicatorVariants({ state, disabled, errored }),\n                className\n            )}\n        >\n            {children}\n        </div>\n    );\n};\n\nexport { SteppedProgressIndicator, type SteppedProgressIndicatorProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,iBAAiB;AAE1B,MAAMC,gCAAgC,GAAGF,GAAG,CACxC,CAAC,mDAAmD,CAAC,EACrD;EACIG,QAAQ,EAAE;IACNC,KAAK,EAAE;MACH,CAACH,iBAAiB,CAACI,IAAI,GACnB,6DAA6D;MACjE,CAACJ,iBAAiB,CAACK,WAAW,GAAG,CAC7B,6DAA6D,CAChE;MACD,CAACL,iBAAiB,CAACM,SAAS,GAAG,YAAY;MAC3C,CAACN,iBAAiB,CAACO,qBAAqB,GAAG;IAC/C,CAAC;IACDC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV,CAAC;IACDC,OAAO,EAAE;MACLD,IAAI,EAAE;IACV;EACJ,CAAC;EACDE,gBAAgB,EAAE,CACd;IACIR,KAAK,EAAEH,iBAAiB,CAACM,SAAS;IAClCI,OAAO,EAAE,IAAI;IACbE,SAAS,EAAE;EACf,CAAC,CACJ;EACDC,eAAe,EAAE;IACbV,KAAK,EAAEH,iBAAiB,CAACI;EAC7B;AACJ,CACJ,CAAC;AAMD,MAAMU,wBAAwB,GAAGA,CAAC;EAC9BX,KAAK;EACLK,QAAQ;EACRE,OAAO;EACPE,SAAS;EACTG,QAAQ;EACR,GAAGC;AACwB,CAAC,KAAK;EACjC,oBACInB,KAAA,CAAAoB,aAAA,QAAAC,MAAA,CAAAC,MAAA,KACQH,KAAK;IACTJ,SAAS,EAAEd,EAAE,CACTG,gCAAgC,CAAC;MAAEE,KAAK;MAAEK,QAAQ;MAAEE;IAAQ,CAAC,CAAC,EAC9DE,SACJ;EAAE,IAEDG,QACA,CAAC;AAEd,CAAC;AAED,SAASD,wBAAwB","ignoreList":[]}
+{"version":3,"names":["React","cn","cva","ProgressItemState","steppedProgressIndicatorVariants","variants","state","IDLE","IN_PROGRESS","COMPLETED","COMPLETED_AFFIRMATIVE","disabled","true","errored","compoundVariants","className","defaultVariants","SteppedProgressIndicator","children","props","createElement","Object","assign"],"sources":["SteppedProgressIndicator.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\nimport { ProgressItemState } from \"~/SteppedProgress/domains/index.js\";\n\nconst steppedProgressIndicatorVariants = cva(\n    [\"size-lg rounded-full relative shrink-0 basis-auto\"],\n    {\n        variants: {\n            state: {\n                [ProgressItemState.IDLE]:\n                    \"bg-neutral-base border-sm border-solid border-neutral-muted\",\n                [ProgressItemState.IN_PROGRESS]: [\n                    \"bg-primary-base border-sm border-solid border-neutral-muted\"\n                ],\n                [ProgressItemState.COMPLETED]: \"bg-primary\",\n                [ProgressItemState.COMPLETED_AFFIRMATIVE]: \"bg-success\"\n            },\n            disabled: {\n                true: \"bg-neutral-dimmed! border-none!\"\n            },\n            errored: {\n                true: \"\"\n            }\n        },\n        compoundVariants: [\n            {\n                state: ProgressItemState.COMPLETED,\n                errored: true,\n                className: \"bg-destructive-default\"\n            }\n        ],\n        defaultVariants: {\n            state: ProgressItemState.IDLE\n        }\n    }\n);\n\ninterface SteppedProgressIndicatorProps\n    extends\n        React.HTMLAttributes<HTMLDivElement>,\n        VariantProps<typeof steppedProgressIndicatorVariants> {}\n\nconst SteppedProgressIndicator = ({\n    state,\n    disabled,\n    errored,\n    className,\n    children,\n    ...props\n}: SteppedProgressIndicatorProps) => {\n    return (\n        <div\n            {...props}\n            className={cn(\n                steppedProgressIndicatorVariants({ state, disabled, errored }),\n                className\n            )}\n        >\n            {children}\n        </div>\n    );\n};\n\nexport { SteppedProgressIndicator, type SteppedProgressIndicatorProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG;AAChB,SAASC,iBAAiB;AAE1B,MAAMC,gCAAgC,GAAGF,GAAG,CACxC,CAAC,mDAAmD,CAAC,EACrD;EACIG,QAAQ,EAAE;IACNC,KAAK,EAAE;MACH,CAACH,iBAAiB,CAACI,IAAI,GACnB,6DAA6D;MACjE,CAACJ,iBAAiB,CAACK,WAAW,GAAG,CAC7B,6DAA6D,CAChE;MACD,CAACL,iBAAiB,CAACM,SAAS,GAAG,YAAY;MAC3C,CAACN,iBAAiB,CAACO,qBAAqB,GAAG;IAC/C,CAAC;IACDC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV,CAAC;IACDC,OAAO,EAAE;MACLD,IAAI,EAAE;IACV;EACJ,CAAC;EACDE,gBAAgB,EAAE,CACd;IACIR,KAAK,EAAEH,iBAAiB,CAACM,SAAS;IAClCI,OAAO,EAAE,IAAI;IACbE,SAAS,EAAE;EACf,CAAC,CACJ;EACDC,eAAe,EAAE;IACbV,KAAK,EAAEH,iBAAiB,CAACI;EAC7B;AACJ,CACJ,CAAC;AAOD,MAAMU,wBAAwB,GAAGA,CAAC;EAC9BX,KAAK;EACLK,QAAQ;EACRE,OAAO;EACPE,SAAS;EACTG,QAAQ;EACR,GAAGC;AACwB,CAAC,KAAK;EACjC,oBACInB,KAAA,CAAAoB,aAAA,QAAAC,MAAA,CAAAC,MAAA,KACQH,KAAK;IACTJ,SAAS,EAAEd,EAAE,CACTG,gCAAgC,CAAC;MAAEE,KAAK;MAAEK,QAAQ;MAAEE;IAAQ,CAAC,CAAC,EAC9DE,SACJ;EAAE,IAEDG,QACA,CAAC;AAEd,CAAC;AAED,SAASD,wBAAwB","ignoreList":[]}

package/Switch/Switch.mdx

@@ -1,6 +1,6 @@
-import { Canvas, Meta, Controls } from '@storybook/addon-docs/blocks';
+import { Canvas, Meta, Controls } from "@storybook/addon-docs/blocks";
 
-import * as SwitchStories from './Switch.stories';
+import * as SwitchStories from "./Switch.stories";
 
 <Meta of={SwitchStories} />
 
@@ -15,8 +15,8 @@ import React, { useState } from "react";
 import { Switch } from "@webiny/admin-ui";
 
 const SwitchExample = () => {
-    const [isChecked, setIsChecked] = useState(false);
-    const [validation, setValidation] = useState({ isValid: true, message: "" });
+const [isChecked, setIsChecked] = useState(false);
+const [validation, setValidation] = useState({ isValid: true, message: "" });
 
     const handleChange = (checked: boolean) => {
         setIsChecked(checked);
@@ -41,57 +41,59 @@ const SwitchExample = () => {
             />
         </div>
     );
+
 };
 
 export default SwitchExample;
 
 ` } }
-        additionalActions={[
-            {
-                title: 'Open in GitHub',
-                onClick: () => {
-                    window.open(
-                        'https://github.com/webiny/webiny-js/blob/feat/new-admin-ui/packages/admin-ui/src/Switch/Switch.tsx',
-                        '_blank'
-                    );
-                },
-            }
-        ]}
+additionalActions={[
+{
+title: 'Open in GitHub',
+onClick: () => {
+window.open(
+'https://github.com/webiny/webiny-js/blob/feat/new-admin-ui/packages/admin-ui/src/Switch/Switch.tsx',
+'_blank'
+);
+},
+}
+]}
 />
 
-<Controls of={SwitchStories.Documentation} exclude={"onChange"}/>
+<Controls of={SwitchStories.Documentation} exclude={"onChange"} />
 
 ```tsx
 import React, { useState } from "react";
 import { Switch } from "@webiny/admin-ui";
 
 const SwitchExample = () => {
-    const [isChecked, setIsChecked] = useState(false);
-    const [validation, setValidation] = useState({ isValid: true, message: "" });
-
-    const handleChange = (checked: boolean) => {
-        setIsChecked(checked);
-
-        if (!checked && true) { // true represents required field
-            setValidation({ isValid: false, message: "This field is required" });
-        } else {
-            setValidation({ isValid: true, message: "" });
-        }
-    };
-
-    return (
-        <div>
-            <Switch
-                label="Enable feature"
-                description="Enabling this feature will activate additional functionality."
-                note="Note: This setting can be changed at any time."
-                checked={isChecked}
-                required={true}
-                onChange={handleChange}
-                validation={validation}
-            />
-        </div>
-    );
+  const [isChecked, setIsChecked] = useState(false);
+  const [validation, setValidation] = useState({ isValid: true, message: "" });
+
+  const handleChange = (checked: boolean) => {
+    setIsChecked(checked);
+
+    if (!checked && true) {
+      // true represents required field
+      setValidation({ isValid: false, message: "This field is required" });
+    } else {
+      setValidation({ isValid: true, message: "" });
+    }
+  };
+
+  return (
+    <div>
+      <Switch
+        label="Enable feature"
+        description="Enabling this feature will activate additional functionality."
+        note="Note: This setting can be changed at any time."
+        checked={isChecked}
+        required={true}
+        onChange={handleChange}
+        validation={validation}
+      />
+    </div>
+  );
 };
 
 export default SwitchExample;

package/Switch/primitives/SwitchPrimitive.d.ts

@@ -7,7 +7,7 @@ import type { SwitchItemDto, SwitchItemFormatted } from "../domains/index.js";
  */
 declare const switchVariants: (props?: ({
     labelPosition?: "end" | "start" | null | undefined;
-} & import("class-variance-authority/dist/types.js").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type SwitchPrimitiveProps = Omit<SwitchPrimitives.SwitchProps, "defaultChecked" | "onCheckedChange" | "onChange"> & VariantProps<typeof switchVariants> & SwitchItemDto & {
     onChange?: (checked: boolean) => void;
 };

package/Table/Table.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import { type VariantProps } from "../utils.js";
 declare const tableVariants: (props?: ({
     bordered?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface TableProps extends React.HTMLAttributes<HTMLTableElement>, VariantProps<typeof tableVariants> {
     sticky?: boolean;
 }

package/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","withStaticProps","Body","Caption","Cell","Direction","Footer","Head","Header","Resizer","Row","tableWrapperVariants","variants","sticky","true","tableVariants","bordered","BaseTable","className","props","createElement","Object","assign","Table"],"sources":["Table.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps, withStaticProps } from \"~/utils.js\";\nimport {\n    Body,\n    Caption,\n    Cell,\n    Direction,\n    Footer,\n    Head,\n    Header,\n    Resizer,\n    Row\n} from \"~/Table/components/index.js\";\n\nconst tableWrapperVariants = cva(\"relative w-full overflow-auto\", {\n    variants: {\n        sticky: {\n            true: \"overflow-clip\"\n        }\n    }\n});\n\nconst tableVariants = cva(\"w-full caption-bottom text-sm bg-white\", {\n    variants: {\n        bordered: {\n            true: \"border-neutral-dimmed border-solid border-sm\"\n        }\n    }\n});\n\ninterface TableProps\n    extends React.HTMLAttributes<HTMLTableElement>,\n        VariantProps<typeof tableVariants> {\n    sticky?: boolean;\n}\n\nconst BaseTable = ({ className, bordered, sticky, ...props }: TableProps) => (\n    <div className={cn(tableWrapperVariants({ sticky }))}>\n        <table className={cn(tableVariants({ bordered }), className)} {...props} />\n    </div>\n);\n\nconst Table = withStaticProps(BaseTable, {\n    Body,\n    Caption,\n    Cell,\n    Direction,\n    Footer,\n    Head,\n    Header,\n    Resizer,\n    Row\n});\n\nexport { Table, type TableProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG,EAAqBC,eAAe;AACpD,SACIC,IAAI,EACJC,OAAO,EACPC,IAAI,EACJC,SAAS,EACTC,MAAM,EACNC,IAAI,EACJC,MAAM,EACNC,OAAO,EACPC,GAAG;AAGP,MAAMC,oBAAoB,GAAGX,GAAG,CAAC,+BAA+B,EAAE;EAC9DY,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAEF,MAAMC,aAAa,GAAGf,GAAG,CAAC,wCAAwC,EAAE;EAChEY,QAAQ,EAAE;IACNI,QAAQ,EAAE;MACNF,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAQF,MAAMG,SAAS,GAAGA,CAAC;EAAEC,SAAS;EAAEF,QAAQ;EAAEH,MAAM;EAAE,GAAGM;AAAkB,CAAC,kBACpErB,KAAA,CAAAsB,aAAA;EAAKF,SAAS,EAAEnB,EAAE,CAACY,oBAAoB,CAAC;IAAEE;EAAO,CAAC,CAAC;AAAE,gBACjDf,KAAA,CAAAsB,aAAA,UAAAC,MAAA,CAAAC,MAAA;EAAOJ,SAAS,EAAEnB,EAAE,CAACgB,aAAa,CAAC;IAAEC;EAAS,CAAC,CAAC,EAAEE,SAAS;AAAE,GAAKC,KAAK,CAAG,CACzE,CACR;AAED,MAAMI,KAAK,GAAGtB,eAAe,CAACgB,SAAS,EAAE;EACrCf,IAAI;EACJC,OAAO;EACPC,IAAI;EACJC,SAAS;EACTC,MAAM;EACNC,IAAI;EACJC,MAAM;EACNC,OAAO;EACPC;AACJ,CAAC,CAAC;AAEF,SAASa,KAAK","ignoreList":[]}
+{"version":3,"names":["React","cn","cva","withStaticProps","Body","Caption","Cell","Direction","Footer","Head","Header","Resizer","Row","tableWrapperVariants","variants","sticky","true","tableVariants","bordered","BaseTable","className","props","createElement","Object","assign","Table"],"sources":["Table.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps, withStaticProps } from \"~/utils.js\";\nimport {\n    Body,\n    Caption,\n    Cell,\n    Direction,\n    Footer,\n    Head,\n    Header,\n    Resizer,\n    Row\n} from \"~/Table/components/index.js\";\n\nconst tableWrapperVariants = cva(\"relative w-full overflow-auto\", {\n    variants: {\n        sticky: {\n            true: \"overflow-clip\"\n        }\n    }\n});\n\nconst tableVariants = cva(\"w-full caption-bottom text-sm bg-white\", {\n    variants: {\n        bordered: {\n            true: \"border-neutral-dimmed border-solid border-sm\"\n        }\n    }\n});\n\ninterface TableProps\n    extends React.HTMLAttributes<HTMLTableElement>, VariantProps<typeof tableVariants> {\n    sticky?: boolean;\n}\n\nconst BaseTable = ({ className, bordered, sticky, ...props }: TableProps) => (\n    <div className={cn(tableWrapperVariants({ sticky }))}>\n        <table className={cn(tableVariants({ bordered }), className)} {...props} />\n    </div>\n);\n\nconst Table = withStaticProps(BaseTable, {\n    Body,\n    Caption,\n    Cell,\n    Direction,\n    Footer,\n    Head,\n    Header,\n    Resizer,\n    Row\n});\n\nexport { Table, type TableProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG,EAAqBC,eAAe;AACpD,SACIC,IAAI,EACJC,OAAO,EACPC,IAAI,EACJC,SAAS,EACTC,MAAM,EACNC,IAAI,EACJC,MAAM,EACNC,OAAO,EACPC,GAAG;AAGP,MAAMC,oBAAoB,GAAGX,GAAG,CAAC,+BAA+B,EAAE;EAC9DY,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAEF,MAAMC,aAAa,GAAGf,GAAG,CAAC,wCAAwC,EAAE;EAChEY,QAAQ,EAAE;IACNI,QAAQ,EAAE;MACNF,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAOF,MAAMG,SAAS,GAAGA,CAAC;EAAEC,SAAS;EAAEF,QAAQ;EAAEH,MAAM;EAAE,GAAGM;AAAkB,CAAC,kBACpErB,KAAA,CAAAsB,aAAA;EAAKF,SAAS,EAAEnB,EAAE,CAACY,oBAAoB,CAAC;IAAEE;EAAO,CAAC,CAAC;AAAE,gBACjDf,KAAA,CAAAsB,aAAA,UAAAC,MAAA,CAAAC,MAAA;EAAOJ,SAAS,EAAEnB,EAAE,CAACgB,aAAa,CAAC;IAAEC;EAAS,CAAC,CAAC,EAAEE,SAAS;AAAE,GAAKC,KAAK,CAAG,CACzE,CACR;AAED,MAAMI,KAAK,GAAGtB,eAAe,CAACgB,SAAS,EAAE;EACrCf,IAAI;EACJC,OAAO;EACPC,IAAI;EACJC,SAAS;EACTC,MAAM;EACNC,IAAI;EACJC,MAAM;EACNC,OAAO;EACPC;AACJ,CAAC,CAAC;AAEF,SAASa,KAAK","ignoreList":[]}

package/Table/components/Direction.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { type VariantProps } from "../../utils.js";
 declare const directionVariants: (props?: ({
     direction?: "desc" | "asc" | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface DirectionProps extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof directionVariants> {
 }
 declare const Direction: ({ className, direction }: DirectionProps) => React.JSX.Element | null;

package/Table/components/Direction.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ReactComponent","ArrowDown","Icon","cn","cva","directionVariants","variants","direction","asc","desc","Direction","className","createElement","size","icon","label","color"],"sources":["Direction.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ArrowDown } from \"@webiny/icons/keyboard_arrow_up.svg\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst directionVariants = cva(\"inline\", {\n    variants: {\n        direction: {\n            asc: \"rotate-0\",\n            desc: \"rotate-180\"\n        }\n    }\n});\n\ninterface DirectionProps\n    extends React.HTMLAttributes<HTMLSpanElement>,\n        VariantProps<typeof directionVariants> {}\n\nconst Direction = ({ className, direction }: DirectionProps) => {\n    if (!direction) {\n        return null;\n    }\n\n    return (\n        <Icon\n            className={cn(directionVariants({ direction }), className)}\n            size=\"sm\"\n            icon={<ArrowDown />}\n            label={\"Sort column\"}\n            color={\"neutral-strong\"}\n        />\n    );\n};\n\nexport { Direction, type DirectionProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,SAAS,QAAQ,qCAAqC;AACjF,SAASC,IAAI;AACb,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,iBAAiB,GAAGD,GAAG,CAAC,QAAQ,EAAE;EACpCE,QAAQ,EAAE;IACNC,SAAS,EAAE;MACPC,GAAG,EAAE,UAAU;MACfC,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAMF,MAAMC,SAAS,GAAGA,CAAC;EAAEC,SAAS;EAAEJ;AAA0B,CAAC,KAAK;EAC5D,IAAI,CAACA,SAAS,EAAE;IACZ,OAAO,IAAI;EACf;EAEA,oBACIR,KAAA,CAAAa,aAAA,CAACV,IAAI;IACDS,SAAS,EAAER,EAAE,CAACE,iBAAiB,CAAC;MAAEE;IAAU,CAAC,CAAC,EAAEI,SAAS,CAAE;IAC3DE,IAAI,EAAC,IAAI;IACTC,IAAI,eAAEf,KAAA,CAAAa,aAAA,CAACX,SAAS,MAAE,CAAE;IACpBc,KAAK,EAAE,aAAc;IACrBC,KAAK,EAAE;EAAiB,CAC3B,CAAC;AAEV,CAAC;AAED,SAASN,SAAS","ignoreList":[]}
+{"version":3,"names":["React","ReactComponent","ArrowDown","Icon","cn","cva","directionVariants","variants","direction","asc","desc","Direction","className","createElement","size","icon","label","color"],"sources":["Direction.tsx"],"sourcesContent":["import React from \"react\";\nimport { ReactComponent as ArrowDown } from \"@webiny/icons/keyboard_arrow_up.svg\";\nimport { Icon } from \"~/Icon/index.js\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst directionVariants = cva(\"inline\", {\n    variants: {\n        direction: {\n            asc: \"rotate-0\",\n            desc: \"rotate-180\"\n        }\n    }\n});\n\ninterface DirectionProps\n    extends React.HTMLAttributes<HTMLSpanElement>, VariantProps<typeof directionVariants> {}\n\nconst Direction = ({ className, direction }: DirectionProps) => {\n    if (!direction) {\n        return null;\n    }\n\n    return (\n        <Icon\n            className={cn(directionVariants({ direction }), className)}\n            size=\"sm\"\n            icon={<ArrowDown />}\n            label={\"Sort column\"}\n            color={\"neutral-strong\"}\n        />\n    );\n};\n\nexport { Direction, type DirectionProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,cAAc,IAAIC,SAAS,QAAQ,qCAAqC;AACjF,SAASC,IAAI;AACb,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,iBAAiB,GAAGD,GAAG,CAAC,QAAQ,EAAE;EACpCE,QAAQ,EAAE;IACNC,SAAS,EAAE;MACPC,GAAG,EAAE,UAAU;MACfC,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAKF,MAAMC,SAAS,GAAGA,CAAC;EAAEC,SAAS;EAAEJ;AAA0B,CAAC,KAAK;EAC5D,IAAI,CAACA,SAAS,EAAE;IACZ,OAAO,IAAI;EACf;EAEA,oBACIR,KAAA,CAAAa,aAAA,CAACV,IAAI;IACDS,SAAS,EAAER,EAAE,CAACE,iBAAiB,CAAC;MAAEE;IAAU,CAAC,CAAC,EAAEI,SAAS,CAAE;IAC3DE,IAAI,EAAC,IAAI;IACTC,IAAI,eAAEf,KAAA,CAAAa,aAAA,CAACX,SAAS,MAAE,CAAE;IACpBc,KAAK,EAAE,aAAc;IACrBC,KAAK,EAAE;EAAiB,CAC3B,CAAC;AAEV,CAAC;AAED,SAASN,SAAS","ignoreList":[]}

package/Table/components/Header.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import { type VariantProps } from "../../utils.js";
 declare const headerVariants: (props?: ({
     sticky?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface HeaderProps extends React.HTMLAttributes<HTMLTableSectionElement>, VariantProps<typeof headerVariants> {
 }
 declare const Header: ({ className, sticky, ...props }: HeaderProps) => React.JSX.Element;

package/Table/components/Header.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","headerVariants","variants","sticky","true","Header","className","props","createElement","Object","assign"],"sources":["Header.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst headerVariants = cva(\"[&_tr]:hover:bg-transparent\", {\n    variants: {\n        sticky: {\n            true: \"[&_tr]:bg-white [&_tr]:hover:bg-white sticky top-0\"\n        }\n    }\n});\n\ninterface HeaderProps\n    extends React.HTMLAttributes<HTMLTableSectionElement>,\n        VariantProps<typeof headerVariants> {}\n\nconst Header = ({ className, sticky, ...props }: HeaderProps) => (\n    <thead className={cn(headerVariants({ sticky }), className)} {...props} />\n);\n\nexport { Header, type HeaderProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,cAAc,GAAGD,GAAG,CAAC,6BAA6B,EAAE;EACtDE,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAMF,MAAMC,MAAM,GAAGA,CAAC;EAAEC,SAAS;EAAEH,MAAM;EAAE,GAAGI;AAAmB,CAAC,kBACxDT,KAAA,CAAAU,aAAA,UAAAC,MAAA,CAAAC,MAAA;EAAOJ,SAAS,EAAEP,EAAE,CAACE,cAAc,CAAC;IAAEE;EAAO,CAAC,CAAC,EAAEG,SAAS;AAAE,GAAKC,KAAK,CAAG,CAC5E;AAED,SAASF,MAAM","ignoreList":[]}
+{"version":3,"names":["React","cn","cva","headerVariants","variants","sticky","true","Header","className","props","createElement","Object","assign"],"sources":["Header.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst headerVariants = cva(\"[&_tr]:hover:bg-transparent\", {\n    variants: {\n        sticky: {\n            true: \"[&_tr]:bg-white [&_tr]:hover:bg-white sticky top-0\"\n        }\n    }\n});\n\ninterface HeaderProps\n    extends React.HTMLAttributes<HTMLTableSectionElement>, VariantProps<typeof headerVariants> {}\n\nconst Header = ({ className, sticky, ...props }: HeaderProps) => (\n    <thead className={cn(headerVariants({ sticky }), className)} {...props} />\n);\n\nexport { Header, type HeaderProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,cAAc,GAAGD,GAAG,CAAC,6BAA6B,EAAE;EACtDE,QAAQ,EAAE;IACNC,MAAM,EAAE;MACJC,IAAI,EAAE;IACV;EACJ;AACJ,CAAC,CAAC;AAKF,MAAMC,MAAM,GAAGA,CAAC;EAAEC,SAAS;EAAEH,MAAM;EAAE,GAAGI;AAAmB,CAAC,kBACxDT,KAAA,CAAAU,aAAA,UAAAC,MAAA,CAAAC,MAAA;EAAOJ,SAAS,EAAEP,EAAE,CAACE,cAAc,CAAC;IAAEE;EAAO,CAAC,CAAC,EAAEG,SAAS;AAAE,GAAKC,KAAK,CAAG,CAC5E;AAED,SAASF,MAAM","ignoreList":[]}

package/Table/components/Resizer.d.ts

@@ -2,7 +2,7 @@ import React from "react";
 import { type VariantProps } from "../../utils.js";
 declare const resizerVariants: (props?: ({
     isResizing?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface ResizerProps extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof resizerVariants> {
 }
 declare const Resizer: ({ className, isResizing, ...props }: ResizerProps) => React.JSX.Element;

package/Table/components/Resizer.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","resizerVariants","variants","isResizing","true","Resizer","className","props","createElement","Object","assign"],"sources":["Resizer.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst resizerVariants = cva(\n    [\n        \"absolute right-0 top-0 w-md h-full border-r-md border-r-accent-default cursor-col-resize select-none touch-none\",\n        \"opacity-0 bg-transparent\",\n        \"hover:opacity-100\"\n    ],\n    {\n        variants: {\n            isResizing: {\n                true: \"opacity-100\"\n            }\n        }\n    }\n);\n\ninterface ResizerProps\n    extends React.HTMLAttributes<HTMLDivElement>,\n        VariantProps<typeof resizerVariants> {}\n\nconst Resizer = ({ className, isResizing, ...props }: ResizerProps) => (\n    <div className={cn(resizerVariants({ isResizing }), className)} {...props} />\n);\n\nexport { Resizer, type ResizerProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,eAAe,GAAGD,GAAG,CACvB,CACI,iHAAiH,EACjH,0BAA0B,EAC1B,mBAAmB,CACtB,EACD;EACIE,QAAQ,EAAE;IACNC,UAAU,EAAE;MACRC,IAAI,EAAE;IACV;EACJ;AACJ,CACJ,CAAC;AAMD,MAAMC,OAAO,GAAGA,CAAC;EAAEC,SAAS;EAAEH,UAAU;EAAE,GAAGI;AAAoB,CAAC,kBAC9DT,KAAA,CAAAU,aAAA,QAAAC,MAAA,CAAAC,MAAA;EAAKJ,SAAS,EAAEP,EAAE,CAACE,eAAe,CAAC;IAAEE;EAAW,CAAC,CAAC,EAAEG,SAAS;AAAE,GAAKC,KAAK,CAAG,CAC/E;AAED,SAASF,OAAO","ignoreList":[]}
+{"version":3,"names":["React","cn","cva","resizerVariants","variants","isResizing","true","Resizer","className","props","createElement","Object","assign"],"sources":["Resizer.tsx"],"sourcesContent":["import React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst resizerVariants = cva(\n    [\n        \"absolute right-0 top-0 w-md h-full border-r-md border-r-accent-default cursor-col-resize select-none touch-none\",\n        \"opacity-0 bg-transparent\",\n        \"hover:opacity-100\"\n    ],\n    {\n        variants: {\n            isResizing: {\n                true: \"opacity-100\"\n            }\n        }\n    }\n);\n\ninterface ResizerProps\n    extends React.HTMLAttributes<HTMLDivElement>, VariantProps<typeof resizerVariants> {}\n\nconst Resizer = ({ className, isResizing, ...props }: ResizerProps) => (\n    <div className={cn(resizerVariants({ isResizing }), className)} {...props} />\n);\n\nexport { Resizer, type ResizerProps };\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,eAAe,GAAGD,GAAG,CACvB,CACI,iHAAiH,EACjH,0BAA0B,EAC1B,mBAAmB,CACtB,EACD;EACIE,QAAQ,EAAE;IACNC,UAAU,EAAE;MACRC,IAAI,EAAE;IACV;EACJ;AACJ,CACJ,CAAC;AAKD,MAAMC,OAAO,GAAGA,CAAC;EAAEC,SAAS;EAAEH,UAAU;EAAE,GAAGI;AAAoB,CAAC,kBAC9DT,KAAA,CAAAU,aAAA,QAAAC,MAAA,CAAAC,MAAA;EAAKJ,SAAS,EAAEP,EAAE,CAACE,eAAe,CAAC;IAAEE;EAAW,CAAC,CAAC,EAAEG,SAAS;AAAE,GAAKC,KAAK,CAAG,CAC/E;AAED,SAASF,OAAO","ignoreList":[]}

package/Table/components/Row.d.ts

@@ -2,7 +2,7 @@ import * as React from "react";
 import { type VariantProps } from "../../utils.js";
 declare const rowVariants: (props?: ({
     selected?: boolean | null | undefined;
-} & import("class-variance-authority/dist/types").ClassProp) | undefined) => string;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 interface RowProps extends React.HTMLAttributes<HTMLTableRowElement>, VariantProps<typeof rowVariants> {
 }
 declare const Row: ({ className, selected, ...props }: RowProps) => React.JSX.Element;

package/Table/components/Row.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","cn","cva","rowVariants","variants","selected","true","Row","className","props","createElement","Object","assign"],"sources":["Row.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst rowVariants = cva(\n    \"border-neutral-dimmed border-solid border-b-sm transition-colors hover:bg-neutral-subtle\",\n    {\n        variants: {\n            selected: {\n                true: \"bg-neutral-light\"\n            }\n        }\n    }\n);\n\ninterface RowProps\n    extends React.HTMLAttributes<HTMLTableRowElement>,\n        VariantProps<typeof rowVariants> {}\n\nconst Row = ({ className, selected, ...props }: RowProps) => (\n    <tr className={cn(rowVariants({ selected }), className)} {...props} />\n);\n\nexport { Row, type RowProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,WAAW,GAAGD,GAAG,CACnB,0FAA0F,EAC1F;EACIE,QAAQ,EAAE;IACNC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ;AACJ,CACJ,CAAC;AAMD,MAAMC,GAAG,GAAGA,CAAC;EAAEC,SAAS;EAAEH,QAAQ;EAAE,GAAGI;AAAgB,CAAC,kBACpDT,KAAA,CAAAU,aAAA,OAAAC,MAAA,CAAAC,MAAA;EAAIJ,SAAS,EAAEP,EAAE,CAACE,WAAW,CAAC;IAAEE;EAAS,CAAC,CAAC,EAAEG,SAAS;AAAE,GAAKC,KAAK,CAAG,CACxE;AAED,SAASF,GAAG","ignoreList":[]}
+{"version":3,"names":["React","cn","cva","rowVariants","variants","selected","true","Row","className","props","createElement","Object","assign"],"sources":["Row.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { cn, cva, type VariantProps } from \"~/utils.js\";\n\nconst rowVariants = cva(\n    \"border-neutral-dimmed border-solid border-b-sm transition-colors hover:bg-neutral-subtle\",\n    {\n        variants: {\n            selected: {\n                true: \"bg-neutral-light\"\n            }\n        }\n    }\n);\n\ninterface RowProps\n    extends React.HTMLAttributes<HTMLTableRowElement>, VariantProps<typeof rowVariants> {}\n\nconst Row = ({ className, selected, ...props }: RowProps) => (\n    <tr className={cn(rowVariants({ selected }), className)} {...props} />\n);\n\nexport { Row, type RowProps };\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,EAAE,EAAEC,GAAG;AAEhB,MAAMC,WAAW,GAAGD,GAAG,CACnB,0FAA0F,EAC1F;EACIE,QAAQ,EAAE;IACNC,QAAQ,EAAE;MACNC,IAAI,EAAE;IACV;EACJ;AACJ,CACJ,CAAC;AAKD,MAAMC,GAAG,GAAGA,CAAC;EAAEC,SAAS;EAAEH,QAAQ;EAAE,GAAGI;AAAgB,CAAC,kBACpDT,KAAA,CAAAU,aAAA,OAAAC,MAAA,CAAAC,MAAA;EAAIJ,SAAS,EAAEP,EAAE,CAACE,WAAW,CAAC;IAAEE;EAAS,CAAC,CAAC,EAAEG,SAAS;AAAE,GAAKC,KAAK,CAAG,CACxE;AAED,SAASF,GAAG","ignoreList":[]}