@economic/taco 0.0.13-alpha.0 → 0.0.14-alpha.0

package/dist/components/{Label/Label.d.ts → Field/Field.d.ts}

@@ -1,29 +1,29 @@
 import * as React from 'react';
 import { State } from '../../types';
-import './Label.css';
-export declare type LabelProps = React.LabelHTMLAttributes<HTMLLabelElement> & {
-    /** Content of the label */
+import './Field.css';
+export declare type FieldProps = React.LabelHTMLAttributes<HTMLLabelElement> & {
+    /** Content of the field */
     children: React.ReactNode;
     /**	Changes the style to indicate the element is disabled */
     disabled?: boolean;
     /**
-     * Text displayed below the children of Label.
+     * Text displayed below the children of Field.
      * Should be a short text that indicates feedback for user.
      */
     message?: string;
-    /** State will change the style of the label */
+    /** State will change the style of the field */
     state?: State;
 };
-export declare const Label: React.ForwardRefExoticComponent<React.LabelHTMLAttributes<HTMLLabelElement> & {
-    /** Content of the label */
+export declare const Field: React.ForwardRefExoticComponent<React.LabelHTMLAttributes<HTMLLabelElement> & {
+    /** Content of the field */
     children: React.ReactNode;
     /**	Changes the style to indicate the element is disabled */
     disabled?: boolean | undefined;
     /**
-     * Text displayed below the children of Label.
+     * Text displayed below the children of Field.
      * Should be a short text that indicates feedback for user.
      */
     message?: string | undefined;
-    /** State will change the style of the label */
+    /** State will change the style of the field */
     state?: "default" | "success" | "error" | "warning" | "information" | undefined;
 } & React.RefAttributes<HTMLLabelElement>>;

package/dist/esm/components/{Label/Label.js → Field/Field.js}

@@ -3,7 +3,7 @@ import { forwardRef, createElement } from 'react';
 import cn from 'classnames';
 
 var _excluded = ["disabled", "children", "message", "state"];
-var Label = /*#__PURE__*/forwardRef(function Label(props, ref) {
+var Field = /*#__PURE__*/forwardRef(function Field(props, ref) {
   var disabled = props.disabled,
       children = props.children,
       message = props.message,
@@ -31,5 +31,5 @@ var Label = /*#__PURE__*/forwardRef(function Label(props, ref) {
   }, message));
 });
 
-export { Label };
-//# sourceMappingURL=Label.js.map
+export { Field };
+//# sourceMappingURL=Field.js.map

package/dist/esm/components/Field/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","sources":["../../../../src/components/Field/Field.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\n\r\nimport { State } from '../../types';\r\nimport './Field.css';\r\n\r\nexport type FieldProps = React.LabelHTMLAttributes<HTMLLabelElement> & {\r\n    /** Content of the field */\r\n    children: React.ReactNode;\r\n    /**\tChanges the style to indicate the element is disabled */\r\n    disabled?: boolean;\r\n    /**\r\n     * Text displayed below the children of Field.\r\n     * Should be a short text that indicates feedback for user.\r\n     */\r\n    message?: string;\r\n    /** State will change the style of the field */\r\n    state?: State;\r\n};\r\n\r\nexport const Field = React.forwardRef(function Field(props: FieldProps, ref: React.Ref<HTMLLabelElement>) {\r\n    const { disabled, children, message, state, ...otherProps } = props;\r\n    const className = cn(\r\n        'flex flex-col font-bold text-xs leading-loose pb-4 min-h-[theme(spacing.18)]',\r\n        {\r\n            'text-grey-dark': disabled,\r\n        },\r\n        props.className\r\n    );\r\n    const messageClassName = cn(\r\n        'h-4 text-xs text-left leading-normal font-normal truncate -mb-4',\r\n        {\r\n            'text-grey-darkest': !state || state === 'default',\r\n            'text-red': state === 'error',\r\n            'text-green': state === 'success',\r\n            'text-blue': state === 'information',\r\n            'text-yellow-dark': state === 'warning',\r\n            'opacity-50': disabled,\r\n        },\r\n        props.className\r\n    );\r\n\r\n    return (\r\n        <label {...otherProps} className={className} data-taco=\"label\" ref={ref}>\r\n            {children}\r\n            {message && (\r\n                <span className={messageClassName} role={state === 'error' ? 'alert' : undefined}>\r\n                    {message}\r\n                </span>\r\n            )}\r\n        </label>\r\n    );\r\n});\r\n"],"names":["Field","React","props","ref","disabled","children","message","state","otherProps","className","cn","messageClassName","role","undefined"],"mappings":";;;;;IAoBaA,KAAK,gBAAGC,UAAA,CAAiB,SAASD,KAAT,CAAeE,KAAf,EAAkCC,GAAlC;AAClC,MAAQC,QAAR,GAA8DF,KAA9D,CAAQE,QAAR;AAAA,MAAkBC,QAAlB,GAA8DH,KAA9D,CAAkBG,QAAlB;AAAA,MAA4BC,OAA5B,GAA8DJ,KAA9D,CAA4BI,OAA5B;AAAA,MAAqCC,KAArC,GAA8DL,KAA9D,CAAqCK,KAArC;AAAA,MAA+CC,UAA/C,iCAA8DN,KAA9D;;AACA,MAAMO,SAAS,GAAGC,EAAE,CAChB,8EADgB,EAEhB;AACI,sBAAkBN;AADtB,GAFgB,EAKhBF,KAAK,CAACO,SALU,CAApB;AAOA,MAAME,gBAAgB,GAAGD,EAAE,CACvB,iEADuB,EAEvB;AACI,yBAAqB,CAACH,KAAD,IAAUA,KAAK,KAAK,SAD7C;AAEI,gBAAYA,KAAK,KAAK,OAF1B;AAGI,kBAAcA,KAAK,KAAK,SAH5B;AAII,iBAAaA,KAAK,KAAK,aAJ3B;AAKI,wBAAoBA,KAAK,KAAK,SALlC;AAMI,kBAAcH;AANlB,GAFuB,EAUvBF,KAAK,CAACO,SAViB,CAA3B;AAaA,SACIR,aAAA,QAAA,oBAAWO;AAAYC,IAAAA,SAAS,EAAEA;iBAAqB;AAAQN,IAAAA,GAAG,EAAEA;IAApE,EACKE,QADL,EAEKC,OAAO,IACJL,aAAA,OAAA;AAAMQ,IAAAA,SAAS,EAAEE;AAAkBC,IAAAA,IAAI,EAAEL,KAAK,KAAK,OAAV,GAAoB,OAApB,GAA8BM;GAAvE,EACKP,OADL,CAHR,CADJ;AAUH,CAhCoB;;;;"}

package/dist/esm/components/Pagination/Pagination.js

@@ -1,3 +1,4 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, createElement } from 'react';
 import cn from 'classnames';
 import { IconButton } from '../IconButton/IconButton.js';
@@ -8,41 +9,47 @@ import { Select } from '../Select/Select.js';
 import { usePaginationShortcuts } from './usePaginationShortcuts.js';
 export { usePagination } from './usePagination.js';
 
-const getShowingLabel = (length, pageIndex, pageSize, texts) => {
-  const minItemIndex = pageIndex * pageSize + 1;
-  const maxItemIndex = (pageIndex + 1) * pageSize;
+var _excluded = ["length", "pageIndex", "pageSize", "pageSizes", "setPageIndex", "setPageSize", "showPageControls", "showPageNumbers", "showPageSize", "dangerouslyHijackGlobalKeyboardNavigation"];
+
+var getShowingLabel = function getShowingLabel(length, pageIndex, pageSize, texts) {
+  var minItemIndex = pageIndex * pageSize + 1;
+  var maxItemIndex = (pageIndex + 1) * pageSize;
   return texts.pagination.showingXofYofTotal.replace('[X]', length === 0 ? '0' : String(minItemIndex)).replace('[Y]', String(maxItemIndex > length ? length : maxItemIndex)).replace('[total]', String(length));
 };
 
-const Pagination = /*#__PURE__*/forwardRef(function Pagination(props, ref) {
-  const {
-    length,
-    pageIndex,
-    pageSize,
-    pageSizes = [10, 25, 50, 100, 500],
-    setPageIndex,
-    setPageSize,
-    showPageControls = true,
-    showPageNumbers = true,
-    showPageSize = true,
-    dangerouslyHijackGlobalKeyboardNavigation = false,
-    ...otherProps
-  } = props;
-  const {
-    texts
-  } = useLocalization();
-  const maxPageIndex = Math.ceil(length / pageSize) - 1;
-  const showShortcutTexts = dangerouslyHijackGlobalKeyboardNavigation;
+var Pagination = /*#__PURE__*/forwardRef(function Pagination(props, ref) {
+  var length = props.length,
+      pageIndex = props.pageIndex,
+      pageSize = props.pageSize,
+      _props$pageSizes = props.pageSizes,
+      pageSizes = _props$pageSizes === void 0 ? [10, 25, 50, 100, 500] : _props$pageSizes,
+      setPageIndex = props.setPageIndex,
+      setPageSize = props.setPageSize,
+      _props$showPageContro = props.showPageControls,
+      showPageControls = _props$showPageContro === void 0 ? true : _props$showPageContro,
+      _props$showPageNumber = props.showPageNumbers,
+      showPageNumbers = _props$showPageNumber === void 0 ? true : _props$showPageNumber,
+      _props$showPageSize = props.showPageSize,
+      showPageSize = _props$showPageSize === void 0 ? true : _props$showPageSize,
+      _props$dangerouslyHij = props.dangerouslyHijackGlobalKeyboardNavigation,
+      dangerouslyHijackGlobalKeyboardNavigation = _props$dangerouslyHij === void 0 ? false : _props$dangerouslyHij,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var _useLocalization = useLocalization(),
+      texts = _useLocalization.texts;
+
+  var maxPageIndex = Math.ceil(length / pageSize) - 1;
+  var showShortcutTexts = dangerouslyHijackGlobalKeyboardNavigation;
   usePaginationShortcuts({
-    setPageIndex,
-    maxPageIndex,
-    pageIndex,
-    dangerouslyHijackGlobalKeyboardNavigation
+    setPageIndex: setPageIndex,
+    maxPageIndex: maxPageIndex,
+    pageIndex: pageIndex,
+    dangerouslyHijackGlobalKeyboardNavigation: dangerouslyHijackGlobalKeyboardNavigation
   });
-  const pageCount = Math.ceil(length / pageSize);
-  const canPreviousPage = pageIndex > 0;
-  const canNextPage = pageIndex < pageCount - 1;
-  const className = cn('inline-flex relative justify-between items-center', props.className);
+  var pageCount = Math.ceil(length / pageSize);
+  var canPreviousPage = pageIndex > 0;
+  var canNextPage = pageIndex < pageCount - 1;
+  var className = cn('inline-flex relative justify-between items-center', props.className);
   return createElement("div", Object.assign({}, otherProps, {
     className: className,
     "data-taco": "pagination",
@@ -52,11 +59,13 @@ const Pagination = /*#__PURE__*/forwardRef(function Pagination(props, ref) {
   }, getShowingLabel(length, pageIndex, pageSize, texts), createElement(Select, {
     "aria-label": texts.pagination.pageSize,
     className: "ml-4 !w-20",
-    data: pageSizes.map(pageSize => ({
-      text: String(pageSize),
-      value: pageSize
-    })),
-    onChange: event => {
+    data: pageSizes.map(function (pageSize) {
+      return {
+        text: String(pageSize),
+        value: pageSize
+      };
+    }),
+    onChange: function onChange(event) {
       setPageIndex(0);
       setPageSize(Number(event.target.value));
     },
@@ -68,14 +77,18 @@ const Pagination = /*#__PURE__*/forwardRef(function Pagination(props, ref) {
     appearance: "default",
     disabled: !canPreviousPage,
     icon: "arrow-start",
-    onClick: () => setPageIndex(0),
+    onClick: function onClick() {
+      return setPageIndex(0);
+    },
     "aria-label": showShortcutTexts ? texts.pagination.actions.firstPageWithShortcut : texts.pagination.actions.firstPage,
     tooltip: showShortcutTexts ? texts.pagination.actions.firstPageWithShortcut : texts.pagination.actions.firstPage
   }), createElement(IconButton, {
     appearance: "default",
     disabled: !canPreviousPage,
     icon: "arrow-left",
-    onClick: () => setPageIndex(pageIndex - 1),
+    onClick: function onClick() {
+      return setPageIndex(pageIndex - 1);
+    },
     "aria-label": showShortcutTexts ? texts.pagination.actions.previousPageWithShortcut : texts.pagination.actions.previousPage,
     tooltip: showShortcutTexts ? texts.pagination.actions.previousPageWithShortcut : texts.pagination.actions.previousPage
   }), showPageNumbers && pageCount > 0 && createElement(PageNumbers, {
@@ -86,14 +99,18 @@ const Pagination = /*#__PURE__*/forwardRef(function Pagination(props, ref) {
     appearance: "default",
     disabled: !canNextPage,
     icon: "arrow-right",
-    onClick: () => setPageIndex(pageIndex + 1),
+    onClick: function onClick() {
+      return setPageIndex(pageIndex + 1);
+    },
     "aria-label": showShortcutTexts ? texts.pagination.actions.nextPageWithShortcut : texts.pagination.actions.nextPage,
     tooltip: showShortcutTexts ? texts.pagination.actions.nextPageWithShortcut : texts.pagination.actions.nextPage
   }), createElement(IconButton, {
     appearance: "default",
     disabled: !canNextPage,
     icon: "arrow-end",
-    onClick: () => setPageIndex(pageCount - 1),
+    onClick: function onClick() {
+      return setPageIndex(pageCount - 1);
+    },
     "aria-label": showShortcutTexts ? texts.pagination.actions.lastPageWithShortcut : texts.pagination.actions.lastPage,
     tooltip: showShortcutTexts ? texts.pagination.actions.lastPageWithShortcut : texts.pagination.actions.lastPage
   })));

package/dist/esm/components/Pagination/Pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"Pagination.js","sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport { PageNumbers } from './PageNumbers';\r\nimport { LocalizationTexts, useLocalization } from '../Provider/Provider';\r\nimport { Select } from '../Select/Select';\r\nimport { Group } from '../Group/Group';\r\nimport { IconButton } from '../IconButton/IconButton';\r\nimport { usePaginationValues } from './usePagination';\r\nimport { usePaginationShortcuts } from './usePaginationShortcuts';\r\n\r\nexport * from './usePagination';\r\n\r\nexport type PaginationTextsActions = {\r\n    /**\r\n     * Aria-label for first page action button.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    firstPage: string;\r\n    /**\r\n     * Aria-label for first page action button with shortcut.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    firstPageWithShortcut: string;\r\n    /**\r\n     * Aria-label for next page action button.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    nextPage: string;\r\n    /**\r\n     * Aria-label for next page action button with shortcut.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    nextPageWithShortcut: string;\r\n    /**\r\n     * Aria-label for previous page action button.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    previousPage: string;\r\n    /**\r\n     * Aria-label for previous page action button with shortcut.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    previousPageWithShortcut: string;\r\n    /**\r\n     * Aria-label for last page action button.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    lastPage: string;\r\n    /**\r\n     * Aria-label for last page action button with shortcut.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    lastPageWithShortcut: string;\r\n    /**\r\n     * Aria-label for page X action button.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    pageX: string;\r\n};\r\n\r\nexport type PaginationTexts = {\r\n    /**\r\n     * Aria-label provided for page numbers and page actions group.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    label: string;\r\n    /**\r\n     * Aria-label provided for page size selection.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    pageSize: string;\r\n    /**\r\n     * Text that indicates the number of the first and last element displayed on the current page, out of total items\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    showingXofYofTotal: string;\r\n    /**\r\n     * Aria-labels provided for page action buttons.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    actions: PaginationTextsActions;\r\n};\r\n\r\nexport type PaginationProps = React.HTMLAttributes<HTMLDivElement> &\r\n    usePaginationValues & {\r\n        /** Indicate total number of items that will be paginated */\r\n        length: number;\r\n        /** Page size options */\r\n        pageSizes?: number[];\r\n        /** Shows page controls */\r\n        showPageControls?: boolean;\r\n        /** Shows page numbers between navigation buttons, which allows users to quickly navigate to a specific page */\r\n        showPageNumbers?: boolean;\r\n        /** Shows a dropdown with page sizes, which allows user to change the number of items displayed on the page  */\r\n        showPageSize?: boolean;\r\n        /** Enable pagination shortcuts */\r\n        dangerouslyHijackGlobalKeyboardNavigation?: boolean;\r\n    };\r\n\r\nconst getShowingLabel = (length: number, pageIndex: number, pageSize: number, texts: LocalizationTexts): string => {\r\n    const minItemIndex = pageIndex * pageSize + 1;\r\n    const maxItemIndex = (pageIndex + 1) * pageSize;\r\n\r\n    return texts.pagination.showingXofYofTotal\r\n        .replace('[X]', length === 0 ? '0' : String(minItemIndex))\r\n        .replace('[Y]', String(maxItemIndex > length ? length : maxItemIndex))\r\n        .replace('[total]', String(length));\r\n};\r\n\r\nexport const Pagination = React.forwardRef(function Pagination(props: PaginationProps, ref: React.Ref<HTMLDivElement>) {\r\n    const {\r\n        length,\r\n        pageIndex,\r\n        pageSize,\r\n        pageSizes = [10, 25, 50, 100, 500],\r\n        setPageIndex,\r\n        setPageSize,\r\n        showPageControls = true,\r\n        showPageNumbers = true,\r\n        showPageSize = true,\r\n        dangerouslyHijackGlobalKeyboardNavigation = false,\r\n        ...otherProps\r\n    } = props;\r\n    const { texts } = useLocalization();\r\n\r\n    const maxPageIndex = Math.ceil(length / pageSize) - 1;\r\n    const showShortcutTexts = dangerouslyHijackGlobalKeyboardNavigation;\r\n\r\n    usePaginationShortcuts({\r\n        setPageIndex,\r\n        maxPageIndex,\r\n        pageIndex,\r\n        dangerouslyHijackGlobalKeyboardNavigation,\r\n    });\r\n\r\n    const pageCount = Math.ceil(length / pageSize);\r\n    const canPreviousPage = pageIndex > 0;\r\n    const canNextPage = pageIndex < pageCount - 1;\r\n\r\n    const className = cn('inline-flex relative justify-between items-center', props.className);\r\n\r\n    return (\r\n        <div {...otherProps} className={className} data-taco=\"pagination\" ref={ref}>\r\n            {showPageSize && (\r\n                <span className=\"mr-4\">\r\n                    {getShowingLabel(length, pageIndex, pageSize, texts)}\r\n                    <Select\r\n                        aria-label={texts.pagination.pageSize}\r\n                        className=\"ml-4 !w-20\"\r\n                        data={pageSizes.map(pageSize => ({\r\n                            text: String(pageSize),\r\n                            value: pageSize,\r\n                        }))}\r\n                        onChange={event => {\r\n                            setPageIndex(0);\r\n                            setPageSize(Number(event.target.value));\r\n                        }}\r\n                        value={pageSize}\r\n                    />\r\n                </span>\r\n            )}\r\n            {showPageControls && (\r\n                <Group as=\"nav\" aria-label={texts.pagination.label}>\r\n                    <IconButton\r\n                        appearance=\"default\"\r\n                        disabled={!canPreviousPage}\r\n                        icon=\"arrow-start\"\r\n                        onClick={() => setPageIndex(0)}\r\n                        aria-label={\r\n                            showShortcutTexts\r\n                                ? texts.pagination.actions.firstPageWithShortcut\r\n                                : texts.pagination.actions.firstPage\r\n                        }\r\n                        tooltip={\r\n                            showShortcutTexts\r\n                                ? texts.pagination.actions.firstPageWithShortcut\r\n                                : texts.pagination.actions.firstPage\r\n                        }\r\n                    />\r\n                    <IconButton\r\n                        appearance=\"default\"\r\n                        disabled={!canPreviousPage}\r\n                        icon=\"arrow-left\"\r\n                        onClick={() => setPageIndex(pageIndex - 1)}\r\n                        aria-label={\r\n                            showShortcutTexts\r\n                                ? texts.pagination.actions.previousPageWithShortcut\r\n                                : texts.pagination.actions.previousPage\r\n                        }\r\n                        tooltip={\r\n                            showShortcutTexts\r\n                                ? texts.pagination.actions.previousPageWithShortcut\r\n                                : texts.pagination.actions.previousPage\r\n                        }\r\n                    />\r\n                    {showPageNumbers && pageCount > 0 && (\r\n                        <PageNumbers pageCount={pageCount} currentPageIndex={pageIndex} onClick={setPageIndex} />\r\n                    )}\r\n                    <IconButton\r\n                        appearance=\"default\"\r\n                        disabled={!canNextPage}\r\n                        icon=\"arrow-right\"\r\n                        onClick={() => setPageIndex(pageIndex + 1)}\r\n                        aria-label={\r\n                            showShortcutTexts ? texts.pagination.actions.nextPageWithShortcut : texts.pagination.actions.nextPage\r\n                        }\r\n                        tooltip={\r\n                            showShortcutTexts ? texts.pagination.actions.nextPageWithShortcut : texts.pagination.actions.nextPage\r\n                        }\r\n                    />\r\n                    <IconButton\r\n                        appearance=\"default\"\r\n                        disabled={!canNextPage}\r\n                        icon=\"arrow-end\"\r\n                        onClick={() => setPageIndex(pageCount - 1)}\r\n                        aria-label={\r\n                            showShortcutTexts ? texts.pagination.actions.lastPageWithShortcut : texts.pagination.actions.lastPage\r\n                        }\r\n                        tooltip={\r\n                            showShortcutTexts ? texts.pagination.actions.lastPageWithShortcut : texts.pagination.actions.lastPage\r\n                        }\r\n                    />\r\n                </Group>\r\n            )}\r\n        </div>\r\n    );\r\n});\r\n"],"names":["getShowingLabel","length","pageIndex","pageSize","texts","minItemIndex","maxItemIndex","pagination","showingXofYofTotal","replace","String","Pagination","React","props","ref","pageSizes","setPageIndex","setPageSize","showPageControls","showPageNumbers","showPageSize","dangerouslyHijackGlobalKeyboardNavigation","otherProps","useLocalization","maxPageIndex","Math","ceil","showShortcutTexts","usePaginationShortcuts","pageCount","canPreviousPage","canNextPage","className","cn","Select","data","map","text","value","onChange","event","Number","target","Group","as","label","IconButton","appearance","disabled","icon","onClick","actions","firstPageWithShortcut","firstPage","tooltip","previousPageWithShortcut","previousPage","PageNumbers","currentPageIndex","nextPageWithShortcut","nextPage","lastPageWithShortcut","lastPage"],"mappings":"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"}
+{"version":3,"file":"Pagination.js","sources":["../../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport { PageNumbers } from './PageNumbers';\r\nimport { LocalizationTexts, useLocalization } from '../Provider/Provider';\r\nimport { Select } from '../Select/Select';\r\nimport { Group } from '../Group/Group';\r\nimport { IconButton } from '../IconButton/IconButton';\r\nimport { usePaginationValues } from './usePagination';\r\nimport { usePaginationShortcuts } from './usePaginationShortcuts';\r\n\r\nexport * from './usePagination';\r\n\r\nexport type PaginationTextsActions = {\r\n    /**\r\n     * Aria-label for first page action button.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    firstPage: string;\r\n    /**\r\n     * Aria-label for first page action button with shortcut.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    firstPageWithShortcut: string;\r\n    /**\r\n     * Aria-label for next page action button.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    nextPage: string;\r\n    /**\r\n     * Aria-label for next page action button with shortcut.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    nextPageWithShortcut: string;\r\n    /**\r\n     * Aria-label for previous page action button.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    previousPage: string;\r\n    /**\r\n     * Aria-label for previous page action button with shortcut.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    previousPageWithShortcut: string;\r\n    /**\r\n     * Aria-label for last page action button.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    lastPage: string;\r\n    /**\r\n     * Aria-label for last page action button with shortcut.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    lastPageWithShortcut: string;\r\n    /**\r\n     * Aria-label for page X action button.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    pageX: string;\r\n};\r\n\r\nexport type PaginationTexts = {\r\n    /**\r\n     * Aria-label provided for page numbers and page actions group.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    label: string;\r\n    /**\r\n     * Aria-label provided for page size selection.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    pageSize: string;\r\n    /**\r\n     * Text that indicates the number of the first and last element displayed on the current page, out of total items\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    showingXofYofTotal: string;\r\n    /**\r\n     * Aria-labels provided for page action buttons.\r\n     * To read more about how to provide the text, see [Provider](component:provider) component\r\n     */\r\n    actions: PaginationTextsActions;\r\n};\r\n\r\nexport type PaginationProps = React.HTMLAttributes<HTMLDivElement> &\r\n    usePaginationValues & {\r\n        /** Indicate total number of items that will be paginated */\r\n        length: number;\r\n        /** Page size options */\r\n        pageSizes?: number[];\r\n        /** Shows page controls */\r\n        showPageControls?: boolean;\r\n        /** Shows page numbers between navigation buttons, which allows users to quickly navigate to a specific page */\r\n        showPageNumbers?: boolean;\r\n        /** Shows a dropdown with page sizes, which allows user to change the number of items displayed on the page  */\r\n        showPageSize?: boolean;\r\n        /** Enable pagination shortcuts */\r\n        dangerouslyHijackGlobalKeyboardNavigation?: boolean;\r\n    };\r\n\r\nconst getShowingLabel = (length: number, pageIndex: number, pageSize: number, texts: LocalizationTexts): string => {\r\n    const minItemIndex = pageIndex * pageSize + 1;\r\n    const maxItemIndex = (pageIndex + 1) * pageSize;\r\n\r\n    return texts.pagination.showingXofYofTotal\r\n        .replace('[X]', length === 0 ? '0' : String(minItemIndex))\r\n        .replace('[Y]', String(maxItemIndex > length ? length : maxItemIndex))\r\n        .replace('[total]', String(length));\r\n};\r\n\r\nexport const Pagination = React.forwardRef(function Pagination(props: PaginationProps, ref: React.Ref<HTMLDivElement>) {\r\n    const {\r\n        length,\r\n        pageIndex,\r\n        pageSize,\r\n        pageSizes = [10, 25, 50, 100, 500],\r\n        setPageIndex,\r\n        setPageSize,\r\n        showPageControls = true,\r\n        showPageNumbers = true,\r\n        showPageSize = true,\r\n        dangerouslyHijackGlobalKeyboardNavigation = false,\r\n        ...otherProps\r\n    } = props;\r\n    const { texts } = useLocalization();\r\n\r\n    const maxPageIndex = Math.ceil(length / pageSize) - 1;\r\n    const showShortcutTexts = dangerouslyHijackGlobalKeyboardNavigation;\r\n\r\n    usePaginationShortcuts({\r\n        setPageIndex,\r\n        maxPageIndex,\r\n        pageIndex,\r\n        dangerouslyHijackGlobalKeyboardNavigation,\r\n    });\r\n\r\n    const pageCount = Math.ceil(length / pageSize);\r\n    const canPreviousPage = pageIndex > 0;\r\n    const canNextPage = pageIndex < pageCount - 1;\r\n\r\n    const className = cn('inline-flex relative justify-between items-center', props.className);\r\n\r\n    return (\r\n        <div {...otherProps} className={className} data-taco=\"pagination\" ref={ref}>\r\n            {showPageSize && (\r\n                <span className=\"mr-4\">\r\n                    {getShowingLabel(length, pageIndex, pageSize, texts)}\r\n                    <Select\r\n                        aria-label={texts.pagination.pageSize}\r\n                        className=\"ml-4 !w-20\"\r\n                        data={pageSizes.map(pageSize => ({\r\n                            text: String(pageSize),\r\n                            value: pageSize,\r\n                        }))}\r\n                        onChange={event => {\r\n                            setPageIndex(0);\r\n                            setPageSize(Number(event.target.value));\r\n                        }}\r\n                        value={pageSize}\r\n                    />\r\n                </span>\r\n            )}\r\n            {showPageControls && (\r\n                <Group as=\"nav\" aria-label={texts.pagination.label}>\r\n                    <IconButton\r\n                        appearance=\"default\"\r\n                        disabled={!canPreviousPage}\r\n                        icon=\"arrow-start\"\r\n                        onClick={() => setPageIndex(0)}\r\n                        aria-label={\r\n                            showShortcutTexts\r\n                                ? texts.pagination.actions.firstPageWithShortcut\r\n                                : texts.pagination.actions.firstPage\r\n                        }\r\n                        tooltip={\r\n                            showShortcutTexts\r\n                                ? texts.pagination.actions.firstPageWithShortcut\r\n                                : texts.pagination.actions.firstPage\r\n                        }\r\n                    />\r\n                    <IconButton\r\n                        appearance=\"default\"\r\n                        disabled={!canPreviousPage}\r\n                        icon=\"arrow-left\"\r\n                        onClick={() => setPageIndex(pageIndex - 1)}\r\n                        aria-label={\r\n                            showShortcutTexts\r\n                                ? texts.pagination.actions.previousPageWithShortcut\r\n                                : texts.pagination.actions.previousPage\r\n                        }\r\n                        tooltip={\r\n                            showShortcutTexts\r\n                                ? texts.pagination.actions.previousPageWithShortcut\r\n                                : texts.pagination.actions.previousPage\r\n                        }\r\n                    />\r\n                    {showPageNumbers && pageCount > 0 && (\r\n                        <PageNumbers pageCount={pageCount} currentPageIndex={pageIndex} onClick={setPageIndex} />\r\n                    )}\r\n                    <IconButton\r\n                        appearance=\"default\"\r\n                        disabled={!canNextPage}\r\n                        icon=\"arrow-right\"\r\n                        onClick={() => setPageIndex(pageIndex + 1)}\r\n                        aria-label={\r\n                            showShortcutTexts ? texts.pagination.actions.nextPageWithShortcut : texts.pagination.actions.nextPage\r\n                        }\r\n                        tooltip={\r\n                            showShortcutTexts ? texts.pagination.actions.nextPageWithShortcut : texts.pagination.actions.nextPage\r\n                        }\r\n                    />\r\n                    <IconButton\r\n                        appearance=\"default\"\r\n                        disabled={!canNextPage}\r\n                        icon=\"arrow-end\"\r\n                        onClick={() => setPageIndex(pageCount - 1)}\r\n                        aria-label={\r\n                            showShortcutTexts ? texts.pagination.actions.lastPageWithShortcut : texts.pagination.actions.lastPage\r\n                        }\r\n                        tooltip={\r\n                            showShortcutTexts ? texts.pagination.actions.lastPageWithShortcut : texts.pagination.actions.lastPage\r\n                        }\r\n                    />\r\n                </Group>\r\n            )}\r\n        </div>\r\n    );\r\n});\r\n"],"names":["getShowingLabel","length","pageIndex","pageSize","texts","minItemIndex","maxItemIndex","pagination","showingXofYofTotal","replace","String","Pagination","React","props","ref","pageSizes","setPageIndex","setPageSize","showPageControls","showPageNumbers","showPageSize","dangerouslyHijackGlobalKeyboardNavigation","otherProps","useLocalization","maxPageIndex","Math","ceil","showShortcutTexts","usePaginationShortcuts","pageCount","canPreviousPage","canNextPage","className","cn","Select","data","map","text","value","onChange","event","Number","target","Group","as","label","IconButton","appearance","disabled","icon","onClick","actions","firstPageWithShortcut","firstPage","tooltip","previousPageWithShortcut","previousPage","PageNumbers","currentPageIndex","nextPageWithShortcut","nextPage","lastPageWithShortcut","lastPage"],"mappings":"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"}

package/dist/esm/components/Popover/Popover.js

@@ -1,21 +1,23 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, useMemo, createElement, createContext, useContext, isValidElement } from 'react';
 import cn from 'classnames';
 import { Root, Trigger as Trigger$1, Close as Close$1 } from '@radix-ui/react-popover';
 import { UnstyledContent, UnstyledArrow } from './Primitives.js';
 import mergeRefs from '../../utils/mergeRefs.js';
 
-const PopoverContext = /*#__PURE__*/createContext({
+var _excluded = ["children", "trigger"];
+var PopoverContext = /*#__PURE__*/createContext({
   props: {},
   ref: null
 });
-const Trigger = /*#__PURE__*/forwardRef((props, ref) => {
+var Trigger = /*#__PURE__*/forwardRef(function (props, ref) {
   var _props$children;
 
-  const context = useContext(PopoverContext);
-  let children = props.children;
+  var context = useContext(PopoverContext);
+  var children = props.children;
 
   if (isValidElement(props.children) && typeof ((_props$children = props.children) === null || _props$children === void 0 ? void 0 : _props$children.type) === 'function') {
-    console.warn(`Popover.Trigger requires its child to forwardRef so that it can attach to the dom element. Did you mean to wrap '${props.children.type.name}' in React.forwardRef()? Taco has wrapped '${props.children.type.name}' in a 'span' to maintain functionality, but this may cause unintended behaviour`);
+    console.warn("Popover.Trigger requires its child to forwardRef so that it can attach to the dom element. Did you mean to wrap '" + props.children.type.name + "' in React.forwardRef()? Taco has wrapped '" + props.children.type.name + "' in a 'span' to maintain functionality, but this may cause unintended behaviour");
     children = createElement("span", null, props.children);
   }
 
@@ -25,22 +27,22 @@ const Trigger = /*#__PURE__*/forwardRef((props, ref) => {
     asChild: true
   }));
 });
-const RenderPropWrapper = /*#__PURE__*/forwardRef(({
-  children,
-  onClick
-}, ref) => {
-  const close = () => {
+var RenderPropWrapper = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+      onClick = _ref.onClick;
+
+  var close = function close() {
     onClick(new CustomEvent('hide'));
   };
 
   return children({
-    close,
-    ref
+    close: close,
+    ref: ref
   });
 });
-const Content = /*#__PURE__*/forwardRef((props, ref) => {
-  const className = cn('bg-white focus:border-blue-light', props.className);
-  let output;
+var Content = /*#__PURE__*/forwardRef(function (props, ref) {
+  var className = cn('bg-white focus:border-blue-light', props.className);
+  var output;
 
   if (typeof props.children === 'function') {
     output = createElement(Close$1, {
@@ -58,20 +60,23 @@ const Content = /*#__PURE__*/forwardRef((props, ref) => {
     className: "text-white"
   }));
 });
-const Close = /*#__PURE__*/forwardRef((props, ref) => createElement(Close$1, Object.assign({}, props, {
-  ref: ref,
-  asChild: true
-})));
-const Popover = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    children,
-    trigger,
-    ...otherProps
-  } = props;
-  const context = useMemo(() => ({
-    props: otherProps,
-    ref
-  }), [otherProps]);
+var Close = /*#__PURE__*/forwardRef(function (props, ref) {
+  return createElement(Close$1, Object.assign({}, props, {
+    ref: ref,
+    asChild: true
+  }));
+});
+var Popover = /*#__PURE__*/forwardRef(function (props, ref) {
+  var children = props.children,
+      trigger = props.trigger,
+      otherProps = _objectWithoutPropertiesLoose(props, _excluded);
+
+  var context = useMemo(function () {
+    return {
+      props: otherProps,
+      ref: ref
+    };
+  }, [otherProps]);
   return createElement(PopoverContext.Provider, {
     value: context
   }, createElement(Root, null, trigger && createElement(Trigger, null, trigger), children));

package/dist/esm/components/Popover/Popover.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\r\nimport { Placement } from '../..';\r\nimport { UnstyledArrow, UnstyledContent } from './Primitives';\r\nimport mergeRefs from '../../utils/mergeRefs';\r\n\r\ntype PopoverContextValue = { props: any; ref: React.Ref<HTMLElement> };\r\n\r\nconst PopoverContext = React.createContext<PopoverContextValue>({\r\n    props: {},\r\n    ref: null,\r\n});\r\n\r\nexport type PopoverTriggerProps = React.HTMLAttributes<HTMLButtonElement>;\r\nconst Trigger = React.forwardRef((props: PopoverTriggerProps, ref: React.Ref<HTMLButtonElement>) => {\r\n    const context = React.useContext(PopoverContext);\r\n    let children = props.children;\r\n\r\n    if (React.isValidElement(props.children) && typeof props.children?.type === 'function') {\r\n        console.warn(\r\n            `Popover.Trigger requires its child to forwardRef so that it can attach to the dom element. Did you mean to wrap '${props.children.type.name}' in React.forwardRef()? Taco has wrapped '${props.children.type.name}' in a 'span' to maintain functionality, but this may cause unintended behaviour`\r\n        );\r\n        children = <span>{props.children}</span>;\r\n    }\r\n\r\n    return (\r\n        <PopoverPrimitive.Trigger {...context.props} {...props} children={children} ref={mergeRefs([context.ref, ref])} asChild />\r\n    );\r\n});\r\n\r\nconst RenderPropWrapper = React.forwardRef(({ children, onClick }: any, ref) => {\r\n    const close = () => {\r\n        onClick(new CustomEvent('hide'));\r\n    };\r\n\r\n    return children({ close, ref });\r\n});\r\n\r\nexport type PopoverContentRenderProps = { close: () => void };\r\nexport type PopoverContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\r\n    children: React.ReactNode | ((props: PopoverContentRenderProps) => React.ReactNode);\r\n    /** Set the position of the Popover relative to its trigger. Default value is `bottom` */\r\n    placement?: Placement;\r\n};\r\nconst Content = React.forwardRef((props: PopoverContentProps, ref: React.Ref<HTMLDivElement>) => {\r\n    const className = cn('bg-white focus:border-blue-light', props.className);\r\n\r\n    let output;\r\n\r\n    if (typeof props.children === 'function') {\r\n        output = (\r\n            <PopoverPrimitive.Close asChild>\r\n                <RenderPropWrapper>{props.children}</RenderPropWrapper>\r\n            </PopoverPrimitive.Close>\r\n        );\r\n    } else {\r\n        output = props.children;\r\n    }\r\n\r\n    return (\r\n        <UnstyledContent className={className} placement={props.placement} ref={ref}>\r\n            {output}\r\n            <UnstyledArrow className=\"text-white\" />\r\n        </UnstyledContent>\r\n    );\r\n});\r\n\r\nexport type PopoverCloseProps = React.HTMLAttributes<HTMLButtonElement>;\r\nconst Close = React.forwardRef(\r\n    (props: PopoverCloseProps, ref: React.Ref<HTMLButtonElement>): JSX.Element => (\r\n        <PopoverPrimitive.Close {...props} ref={ref} asChild />\r\n    )\r\n);\r\n\r\nexport type PopoverProps = React.PropsWithChildren<{\r\n    /** A trigger to be used for the popover, should not be set if `children` already contains a trigger */\r\n    trigger?: JSX.Element;\r\n}>;\r\nexport type ForwardedPopoverWithStatics = React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLElement>> & {\r\n    Trigger: React.ForwardRefExoticComponent<PopoverTriggerProps>;\r\n    Content: React.ForwardRefExoticComponent<PopoverContentProps>;\r\n    Close: React.ForwardRefExoticComponent<PopoverCloseProps>;\r\n};\r\n\r\nexport const Popover = React.forwardRef((props: PopoverProps, ref: React.Ref<HTMLElement>): JSX.Element => {\r\n    const { children, trigger, ...otherProps } = props;\r\n    const context = React.useMemo(() => ({ props: otherProps, ref }), [otherProps]);\r\n\r\n    return (\r\n        <PopoverContext.Provider value={context}>\r\n            <PopoverPrimitive.Root>\r\n                {trigger && <Trigger>{trigger}</Trigger>}\r\n                {children}\r\n            </PopoverPrimitive.Root>\r\n        </PopoverContext.Provider>\r\n    );\r\n}) as ForwardedPopoverWithStatics;\r\nPopover.Trigger = Trigger;\r\nPopover.Content = Content;\r\nPopover.Close = Close;\r\n"],"names":["PopoverContext","React","props","ref","Trigger","context","children","type","console","warn","name","PopoverPrimitive","mergeRefs","asChild","RenderPropWrapper","onClick","close","CustomEvent","Content","className","cn","output","UnstyledContent","placement","UnstyledArrow","Close","Popover","trigger","otherProps","Provider","value"],"mappings":"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"}
+{"version":3,"file":"Popover.js","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport cn from 'classnames';\r\nimport * as PopoverPrimitive from '@radix-ui/react-popover';\r\nimport { Placement } from '../..';\r\nimport { UnstyledArrow, UnstyledContent } from './Primitives';\r\nimport mergeRefs from '../../utils/mergeRefs';\r\n\r\ntype PopoverContextValue = { props: any; ref: React.Ref<HTMLElement> };\r\n\r\nconst PopoverContext = React.createContext<PopoverContextValue>({\r\n    props: {},\r\n    ref: null,\r\n});\r\n\r\nexport type PopoverTriggerProps = React.HTMLAttributes<HTMLButtonElement>;\r\nconst Trigger = React.forwardRef((props: PopoverTriggerProps, ref: React.Ref<HTMLButtonElement>) => {\r\n    const context = React.useContext(PopoverContext);\r\n    let children = props.children;\r\n\r\n    if (React.isValidElement(props.children) && typeof props.children?.type === 'function') {\r\n        console.warn(\r\n            `Popover.Trigger requires its child to forwardRef so that it can attach to the dom element. Did you mean to wrap '${props.children.type.name}' in React.forwardRef()? Taco has wrapped '${props.children.type.name}' in a 'span' to maintain functionality, but this may cause unintended behaviour`\r\n        );\r\n        children = <span>{props.children}</span>;\r\n    }\r\n\r\n    return (\r\n        <PopoverPrimitive.Trigger {...context.props} {...props} children={children} ref={mergeRefs([context.ref, ref])} asChild />\r\n    );\r\n});\r\n\r\nconst RenderPropWrapper = React.forwardRef(({ children, onClick }: any, ref) => {\r\n    const close = () => {\r\n        onClick(new CustomEvent('hide'));\r\n    };\r\n\r\n    return children({ close, ref });\r\n});\r\n\r\nexport type PopoverContentRenderProps = { close: () => void };\r\nexport type PopoverContentProps = Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> & {\r\n    children: React.ReactNode | ((props: PopoverContentRenderProps) => React.ReactNode);\r\n    /** Set the position of the Popover relative to its trigger. Default value is `bottom` */\r\n    placement?: Placement;\r\n};\r\nconst Content = React.forwardRef((props: PopoverContentProps, ref: React.Ref<HTMLDivElement>) => {\r\n    const className = cn('bg-white focus:border-blue-light', props.className);\r\n\r\n    let output;\r\n\r\n    if (typeof props.children === 'function') {\r\n        output = (\r\n            <PopoverPrimitive.Close asChild>\r\n                <RenderPropWrapper>{props.children}</RenderPropWrapper>\r\n            </PopoverPrimitive.Close>\r\n        );\r\n    } else {\r\n        output = props.children;\r\n    }\r\n\r\n    return (\r\n        <UnstyledContent className={className} placement={props.placement} ref={ref}>\r\n            {output}\r\n            <UnstyledArrow className=\"text-white\" />\r\n        </UnstyledContent>\r\n    );\r\n});\r\n\r\nexport type PopoverCloseProps = React.HTMLAttributes<HTMLButtonElement>;\r\nconst Close = React.forwardRef(\r\n    (props: PopoverCloseProps, ref: React.Ref<HTMLButtonElement>): JSX.Element => (\r\n        <PopoverPrimitive.Close {...props} ref={ref} asChild />\r\n    )\r\n);\r\n\r\nexport type PopoverProps = React.PropsWithChildren<{\r\n    /** A trigger to be used for the popover, should not be set if `children` already contains a trigger */\r\n    trigger?: JSX.Element;\r\n}>;\r\nexport type ForwardedPopoverWithStatics = React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLElement>> & {\r\n    Trigger: React.ForwardRefExoticComponent<PopoverTriggerProps>;\r\n    Content: React.ForwardRefExoticComponent<PopoverContentProps>;\r\n    Close: React.ForwardRefExoticComponent<PopoverCloseProps>;\r\n};\r\n\r\nexport const Popover = React.forwardRef((props: PopoverProps, ref: React.Ref<HTMLElement>): JSX.Element => {\r\n    const { children, trigger, ...otherProps } = props;\r\n    const context = React.useMemo(() => ({ props: otherProps, ref }), [otherProps]);\r\n\r\n    return (\r\n        <PopoverContext.Provider value={context}>\r\n            <PopoverPrimitive.Root>\r\n                {trigger && <Trigger>{trigger}</Trigger>}\r\n                {children}\r\n            </PopoverPrimitive.Root>\r\n        </PopoverContext.Provider>\r\n    );\r\n}) as ForwardedPopoverWithStatics;\r\nPopover.Trigger = Trigger;\r\nPopover.Content = Content;\r\nPopover.Close = Close;\r\n"],"names":["PopoverContext","React","props","ref","Trigger","context","children","type","console","warn","name","PopoverPrimitive","mergeRefs","asChild","RenderPropWrapper","onClick","close","CustomEvent","Content","className","cn","output","UnstyledContent","placement","UnstyledArrow","Close","Popover","trigger","otherProps","Provider","value"],"mappings":"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"}

package/dist/esm/components/Progress/Progress.js

@@ -1,23 +1,27 @@
+import { objectWithoutPropertiesLoose as _objectWithoutPropertiesLoose } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import React__default from 'react';
 import cn from 'classnames';
 
-const Progress = ({
-  duration = undefined,
-  ...props
-}) => {
-  let style;
+var _excluded = ["duration"];
+var Progress = function Progress(_ref) {
+  var _cn;
+
+  var _ref$duration = _ref.duration,
+      duration = _ref$duration === void 0 ? undefined : _ref$duration,
+      props = _objectWithoutPropertiesLoose(_ref, _excluded);
+
+  var style;
 
   if (duration) {
     style = {
-      animationDuration: `${duration}ms`
+      animationDuration: duration + "ms"
     };
   }
 
-  const className = cn('bg-grey-light rounded block h-1 overflow-hidden w-full', props.className);
-  const progressClassName = cn('yt-progress__bar block h-1', {
-    "w-full before:h-1 before:bg-grey-dark before:block before:animate-[progress-indeterminate_2s_cubic-bezier(0.4,0,0.2,1)_infinite] before:content-[' ']": !duration,
-    [`w-0 bg-grey-dark animate-[progress_linear]`]: duration
-  });
+  var className = cn('bg-grey-light rounded block h-1 overflow-hidden w-full', props.className);
+  var progressClassName = cn('yt-progress__bar block h-1', (_cn = {
+    "w-full before:h-1 before:bg-grey-dark before:block before:animate-[progress-indeterminate_2s_cubic-bezier(0.4,0,0.2,1)_infinite] before:content-[' ']": !duration
+  }, _cn["w-0 bg-grey-dark animate-[progress_linear]"] = duration, _cn));
   return React__default.createElement("span", Object.assign({}, props, {
     "data-taco": "progress",
     className: className

package/dist/esm/components/Progress/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","sources":["../../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\nimport './Progress.css';\r\n\r\nexport type ProgressProps = React.HTMLAttributes<HTMLSpanElement> & {\r\n    /**\r\n     * Indicates how long (in milliseconds) a progress bar will take to progress through.\r\n     * By default, progress bar has no duration\r\n     */\r\n    duration?: number;\r\n};\r\n\r\nexport const Progress = ({ duration = undefined, ...props }: ProgressProps): JSX.Element => {\r\n    let style;\r\n\r\n    if (duration) {\r\n        style = {\r\n            animationDuration: `${duration}ms`,\r\n        };\r\n    }\r\n\r\n    const className = cn('bg-grey-light rounded block h-1 overflow-hidden w-full', props.className);\r\n\r\n    const progressClassName = cn('yt-progress__bar block h-1', {\r\n        \"w-full before:h-1 before:bg-grey-dark before:block before:animate-[progress-indeterminate_2s_cubic-bezier(0.4,0,0.2,1)_infinite] before:content-[' ']\":\r\n            !duration,\r\n        [`w-0 bg-grey-dark animate-[progress_linear]`]: duration,\r\n    });\r\n\r\n    return (\r\n        <span {...props} data-taco=\"progress\" className={className}>\r\n            <span className={progressClassName} data-taco=\"progress-bar\" style={style} />\r\n        </span>\r\n    );\r\n};\r\n"],"names":["Progress","duration","undefined","props","style","animationDuration","className","cn","progressClassName","React"],"mappings":";;;MAYaA,QAAQ,GAAG,CAAC;AAAEC,EAAAA,QAAQ,GAAGC,SAAb;AAAwB,KAAGC;AAA3B,CAAD;AACpB,MAAIC,KAAJ;;AAEA,MAAIH,QAAJ,EAAc;AACVG,IAAAA,KAAK,GAAG;AACJC,MAAAA,iBAAiB,KAAKJ;AADlB,KAAR;AAGH;;AAED,QAAMK,SAAS,GAAGC,EAAE,CAAC,wDAAD,EAA2DJ,KAAK,CAACG,SAAjE,CAApB;AAEA,QAAME,iBAAiB,GAAGD,EAAE,CAAC,4BAAD,EAA+B;AACvD,6JACI,CAACN,QAFkD;AAGvD,iDAAA,GAAgDA;AAHO,GAA/B,CAA5B;AAMA,SACIQ,4BAAA,OAAA,oBAAUN;iBAAiB;AAAWG,IAAAA,SAAS,EAAEA;IAAjD,EACIG,4BAAA,OAAA;AAAMH,IAAAA,SAAS,EAAEE;iBAA6B;AAAeJ,IAAAA,KAAK,EAAEA;GAApE,CADJ,CADJ;AAKH;;;;"}
+{"version":3,"file":"Progress.js","sources":["../../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import React from 'react';\r\nimport cn from 'classnames';\r\nimport './Progress.css';\r\n\r\nexport type ProgressProps = React.HTMLAttributes<HTMLSpanElement> & {\r\n    /**\r\n     * Indicates how long (in milliseconds) a progress bar will take to progress through.\r\n     * By default, progress bar has no duration\r\n     */\r\n    duration?: number;\r\n};\r\n\r\nexport const Progress = ({ duration = undefined, ...props }: ProgressProps): JSX.Element => {\r\n    let style;\r\n\r\n    if (duration) {\r\n        style = {\r\n            animationDuration: `${duration}ms`,\r\n        };\r\n    }\r\n\r\n    const className = cn('bg-grey-light rounded block h-1 overflow-hidden w-full', props.className);\r\n\r\n    const progressClassName = cn('yt-progress__bar block h-1', {\r\n        \"w-full before:h-1 before:bg-grey-dark before:block before:animate-[progress-indeterminate_2s_cubic-bezier(0.4,0,0.2,1)_infinite] before:content-[' ']\":\r\n            !duration,\r\n        [`w-0 bg-grey-dark animate-[progress_linear]`]: duration,\r\n    });\r\n\r\n    return (\r\n        <span {...props} data-taco=\"progress\" className={className}>\r\n            <span className={progressClassName} data-taco=\"progress-bar\" style={style} />\r\n        </span>\r\n    );\r\n};\r\n"],"names":["Progress","duration","undefined","props","style","animationDuration","className","cn","progressClassName","React"],"mappings":";;;;;IAYaA,QAAQ,GAAG,SAAXA,QAAW;;;2BAAGC;MAAAA,sCAAWC;MAAcC;;AAChD,MAAIC,KAAJ;;AAEA,MAAIH,QAAJ,EAAc;AACVG,IAAAA,KAAK,GAAG;AACJC,MAAAA,iBAAiB,EAAKJ,QAAL;AADb,KAAR;AAGH;;AAED,MAAMK,SAAS,GAAGC,EAAE,CAAC,wDAAD,EAA2DJ,KAAK,CAACG,SAAjE,CAApB;AAEA,MAAME,iBAAiB,GAAGD,EAAE,CAAC,4BAAD;AACxB,6JACI,CAACN;AAFmB,yDAGwBA,QAHxB,OAA5B;AAMA,SACIQ,4BAAA,OAAA,oBAAUN;iBAAiB;AAAWG,IAAAA,SAAS,EAAEA;IAAjD,EACIG,4BAAA,OAAA;AAAMH,IAAAA,SAAS,EAAEE;iBAA6B;AAAeJ,IAAAA,KAAK,EAAEA;GAApE,CADJ,CADJ;AAKH;;;;"}

package/dist/esm/components/Provider/Provider.js

@@ -1,7 +1,7 @@
 import { useMemo, createElement, useContext, createContext } from 'react';
 import { ToastProvider } from '../Toast/Toaster.js';
 
-const defaultLocalisationTexts = {
+var defaultLocalisationTexts = {
   calendar: {
     months: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'],
     weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
@@ -73,30 +73,35 @@ const defaultLocalisationTexts = {
     inputLabel: 'Search...'
   }
 };
-const defaultLocalizationContext = {
+var defaultLocalizationContext = {
   locale: 'en-GB',
   texts: defaultLocalisationTexts,
   formatting: {
     date: 'dd.mm.yy'
   }
 };
-const Context = /*#__PURE__*/createContext({
+var Context = /*#__PURE__*/createContext({
   localization: defaultLocalizationContext
 });
-const Provider = props => {
-  const {
-    children,
-    localization = defaultLocalizationContext
-  } = props;
-  const value = useMemo(() => ({
-    localization
-  }), [localization]);
+var Provider = function Provider(props) {
+  var children = props.children,
+      _props$localization = props.localization,
+      localization = _props$localization === void 0 ? defaultLocalizationContext : _props$localization;
+  var value = useMemo(function () {
+    return {
+      localization: localization
+    };
+  }, [localization]);
   return createElement(Context.Provider, {
     value: value
   }, createElement(ToastProvider, null, children));
 };
-const useTaco = () => useContext(Context);
-const useLocalization = () => useTaco().localization;
+var useTaco = function useTaco() {
+  return useContext(Context);
+};
+var useLocalization = function useLocalization() {
+  return useTaco().localization;
+};
 
 export { Provider, defaultLocalisationTexts, useLocalization, useTaco };
 //# sourceMappingURL=Provider.js.map

package/dist/esm/components/Provider/Provider.js.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.js","sources":["../../../../src/components/Provider/Provider.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { Locale } from '../../types';\r\nimport { CalendarTexts } from '../Calendar/Calendar';\r\nimport { DialogTexts } from '../Dialog/Dialog';\r\nimport { PaginationTexts } from '../Pagination/Pagination';\r\nimport { ListboxTexts } from '../Listbox/Listbox';\r\nimport { ToastsTexts } from '../Toast/Toast';\r\nimport { DatepickerTexts } from '../Datepicker/Datepicker';\r\nimport { HangerTexts } from '../Hanger/Hanger';\r\nimport { SelectTexts } from '../Select/Select';\r\nimport { TourTexts } from '../Tour/Tour';\r\nimport { TableTexts } from '../Table/Table';\r\nimport { SearchInputTexts } from '../SearchInput/SearchInput';\r\nimport { ToastProvider } from '../Toast/Toaster';\r\n\r\nexport type LocalizationTexts = {\r\n    /** Localized texts and aria-labels for [Calendar](component:calendar) component */\r\n    calendar: CalendarTexts;\r\n    /** Localized texts and aria-labels for [DatePicker](component:datepicker) component */\r\n    datepicker: DatepickerTexts;\r\n    /** Localized texts and aria-labels for [Hanger](component:hanger) component */\r\n    hanger: HangerTexts;\r\n    /** Localized texts and aria-labels for [Listbox](component:listbox) component */\r\n    listbox: ListboxTexts;\r\n    /** Localized texts and aria-labels for [Dialog](component:dialog) component */\r\n    dialog: DialogTexts;\r\n    /** Localized texts and aria-labels for [Pagination](component:pagination) component */\r\n    pagination: PaginationTexts;\r\n    /** Localized texts and aria-labels for [Table](component:table) component */\r\n    table: TableTexts;\r\n    /** Localized texts and aria-labels for [Select](component:select) component */\r\n    select: SelectTexts;\r\n    /** Localized texts and aria-labels for [Toast](component:toast) component */\r\n    toasts: ToastsTexts;\r\n    /** Localized texts and aria-labels for [Tour](component:tour) component */\r\n    tour: TourTexts;\r\n    /** Localized texts and aria-labels for [SearchInput](component:searchinput) component */\r\n    searchInput: SearchInputTexts;\r\n};\r\n\r\nexport type Localization = {\r\n    /**\r\n     * Provide the language code used in application.\r\n     * Default value is `en-GB`\r\n     */\r\n    locale: Locale;\r\n    /** Provide the texts and aria-labels for components used within the provider */\r\n    texts: LocalizationTexts;\r\n    /** Provide the formatting */\r\n    formatting: {\r\n        /** Default value is `dd.mm.yy` */\r\n        date: string;\r\n    };\r\n};\r\nexport type Taco = {\r\n    /** Define localized texts and formatted data in your application */\r\n    localization: Localization;\r\n};\r\n\r\nexport const defaultLocalisationTexts = {\r\n    calendar: {\r\n        months: [\r\n            'January',\r\n            'February',\r\n            'March',\r\n            'April',\r\n            'May',\r\n            'June',\r\n            'July',\r\n            'August',\r\n            'September',\r\n            'October',\r\n            'November',\r\n            'December',\r\n        ],\r\n        weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\r\n        actions: {\r\n            previousMonth: 'Previous month',\r\n            nextMonth: 'Next month',\r\n            previousYear: 'Previous year',\r\n            nextYear: 'Next year',\r\n            today: 'Today',\r\n        },\r\n    },\r\n    datepicker: {\r\n        calendar: 'Calendar',\r\n        clear: 'Clear',\r\n        expand: 'Show calendar',\r\n        shortcuts: 'Shortcuts',\r\n    },\r\n    hanger: {\r\n        close: 'Close',\r\n    },\r\n    listbox: {\r\n        loading: 'Loading results...',\r\n        empty: 'No results found',\r\n        allOption: 'All',\r\n    },\r\n    dialog: {\r\n        close: 'Close',\r\n        drag: 'Drag',\r\n    },\r\n    pagination: {\r\n        label: 'Pagination',\r\n        pageSize: 'Items per page',\r\n        showingXofYofTotal: 'Showing [X] - [Y] of [total]',\r\n        actions: {\r\n            firstPage: 'Goto first page',\r\n            firstPageWithShortcut: 'Goto first page (Home)',\r\n            previousPage: 'Goto previous page',\r\n            previousPageWithShortcut: 'Goto previous page (Page Up)',\r\n            nextPage: 'Goto next page',\r\n            nextPageWithShortcut: 'Goto next page (Page Down)',\r\n            lastPage: 'Goto last page',\r\n            lastPageWithShortcut: 'Goto last page (End)',\r\n            pageX: 'Goto page [X]',\r\n        },\r\n    },\r\n    table: {\r\n        actions: 'Other actions',\r\n        edit: 'Edit (e)',\r\n        copy: 'Copy (c)',\r\n        del: 'Delete (del)',\r\n        newSubRow: 'New row (shift + n)',\r\n        loading: 'Loading...',\r\n    },\r\n    select: {\r\n        allOptionsSelected: 'All',\r\n    },\r\n    toasts: {\r\n        dismiss: 'Dismiss',\r\n    },\r\n    tour: {\r\n        back: 'Back',\r\n        close: 'Close',\r\n        skip: 'Close and complete',\r\n        last: 'Done',\r\n        next: 'Next',\r\n        open: 'Open',\r\n    },\r\n    searchInput: {\r\n        inputLabel: 'Search...',\r\n    },\r\n};\r\n\r\nconst defaultLocalizationContext: Localization = {\r\n    locale: 'en-GB',\r\n    texts: defaultLocalisationTexts,\r\n    formatting: {\r\n        date: 'dd.mm.yy',\r\n    },\r\n};\r\n\r\nconst Context = React.createContext<Taco>({\r\n    localization: defaultLocalizationContext,\r\n});\r\n\r\nexport type ProviderProps = {\r\n    /** Content would be your application */\r\n    children?: any;\r\n    /** Define localized texts and formatted data in your application */\r\n    localization?: Localization;\r\n};\r\n\r\nexport const Provider = (props: ProviderProps): JSX.Element => {\r\n    const { children, localization = defaultLocalizationContext } = props;\r\n    const value = React.useMemo(() => ({ localization }), [localization]);\r\n\r\n    return (\r\n        <Context.Provider value={value}>\r\n            <ToastProvider>{children}</ToastProvider>\r\n        </Context.Provider>\r\n    );\r\n};\r\n\r\nexport const useTaco = (): Taco => React.useContext(Context);\r\nexport const useLocalization = (): Localization => useTaco().localization;\r\n"],"names":["defaultLocalisationTexts","calendar","months","weekdaysShort","actions","previousMonth","nextMonth","previousYear","nextYear","today","datepicker","clear","expand","shortcuts","hanger","close","listbox","loading","empty","allOption","dialog","drag","pagination","label","pageSize","showingXofYofTotal","firstPage","firstPageWithShortcut","previousPage","previousPageWithShortcut","nextPage","nextPageWithShortcut","lastPage","lastPageWithShortcut","pageX","table","edit","copy","del","newSubRow","select","allOptionsSelected","toasts","dismiss","tour","back","skip","last","next","open","searchInput","inputLabel","defaultLocalizationContext","locale","texts","formatting","date","Context","React","localization","Provider","props","children","value","ToastProvider","useTaco","useLocalization"],"mappings":"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"}
+{"version":3,"file":"Provider.js","sources":["../../../../src/components/Provider/Provider.tsx"],"sourcesContent":["import * as React from 'react';\r\n\r\nimport { Locale } from '../../types';\r\nimport { CalendarTexts } from '../Calendar/Calendar';\r\nimport { DialogTexts } from '../Dialog/Dialog';\r\nimport { PaginationTexts } from '../Pagination/Pagination';\r\nimport { ListboxTexts } from '../Listbox/Listbox';\r\nimport { ToastsTexts } from '../Toast/Toast';\r\nimport { DatepickerTexts } from '../Datepicker/Datepicker';\r\nimport { HangerTexts } from '../Hanger/Hanger';\r\nimport { SelectTexts } from '../Select/Select';\r\nimport { TourTexts } from '../Tour/Tour';\r\nimport { TableTexts } from '../Table/Table';\r\nimport { SearchInputTexts } from '../SearchInput/SearchInput';\r\nimport { ToastProvider } from '../Toast/Toaster';\r\n\r\nexport type LocalizationTexts = {\r\n    /** Localized texts and aria-labels for [Calendar](component:calendar) component */\r\n    calendar: CalendarTexts;\r\n    /** Localized texts and aria-labels for [DatePicker](component:datepicker) component */\r\n    datepicker: DatepickerTexts;\r\n    /** Localized texts and aria-labels for [Hanger](component:hanger) component */\r\n    hanger: HangerTexts;\r\n    /** Localized texts and aria-labels for [Listbox](component:listbox) component */\r\n    listbox: ListboxTexts;\r\n    /** Localized texts and aria-labels for [Dialog](component:dialog) component */\r\n    dialog: DialogTexts;\r\n    /** Localized texts and aria-labels for [Pagination](component:pagination) component */\r\n    pagination: PaginationTexts;\r\n    /** Localized texts and aria-labels for [Table](component:table) component */\r\n    table: TableTexts;\r\n    /** Localized texts and aria-labels for [Select](component:select) component */\r\n    select: SelectTexts;\r\n    /** Localized texts and aria-labels for [Toast](component:toast) component */\r\n    toasts: ToastsTexts;\r\n    /** Localized texts and aria-labels for [Tour](component:tour) component */\r\n    tour: TourTexts;\r\n    /** Localized texts and aria-labels for [SearchInput](component:searchinput) component */\r\n    searchInput: SearchInputTexts;\r\n};\r\n\r\nexport type Localization = {\r\n    /**\r\n     * Provide the language code used in application.\r\n     * Default value is `en-GB`\r\n     */\r\n    locale: Locale;\r\n    /** Provide the texts and aria-labels for components used within the provider */\r\n    texts: LocalizationTexts;\r\n    /** Provide the formatting */\r\n    formatting: {\r\n        /** Default value is `dd.mm.yy` */\r\n        date: string;\r\n    };\r\n};\r\nexport type Taco = {\r\n    /** Define localized texts and formatted data in your application */\r\n    localization: Localization;\r\n};\r\n\r\nexport const defaultLocalisationTexts = {\r\n    calendar: {\r\n        months: [\r\n            'January',\r\n            'February',\r\n            'March',\r\n            'April',\r\n            'May',\r\n            'June',\r\n            'July',\r\n            'August',\r\n            'September',\r\n            'October',\r\n            'November',\r\n            'December',\r\n        ],\r\n        weekdaysShort: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],\r\n        actions: {\r\n            previousMonth: 'Previous month',\r\n            nextMonth: 'Next month',\r\n            previousYear: 'Previous year',\r\n            nextYear: 'Next year',\r\n            today: 'Today',\r\n        },\r\n    },\r\n    datepicker: {\r\n        calendar: 'Calendar',\r\n        clear: 'Clear',\r\n        expand: 'Show calendar',\r\n        shortcuts: 'Shortcuts',\r\n    },\r\n    hanger: {\r\n        close: 'Close',\r\n    },\r\n    listbox: {\r\n        loading: 'Loading results...',\r\n        empty: 'No results found',\r\n        allOption: 'All',\r\n    },\r\n    dialog: {\r\n        close: 'Close',\r\n        drag: 'Drag',\r\n    },\r\n    pagination: {\r\n        label: 'Pagination',\r\n        pageSize: 'Items per page',\r\n        showingXofYofTotal: 'Showing [X] - [Y] of [total]',\r\n        actions: {\r\n            firstPage: 'Goto first page',\r\n            firstPageWithShortcut: 'Goto first page (Home)',\r\n            previousPage: 'Goto previous page',\r\n            previousPageWithShortcut: 'Goto previous page (Page Up)',\r\n            nextPage: 'Goto next page',\r\n            nextPageWithShortcut: 'Goto next page (Page Down)',\r\n            lastPage: 'Goto last page',\r\n            lastPageWithShortcut: 'Goto last page (End)',\r\n            pageX: 'Goto page [X]',\r\n        },\r\n    },\r\n    table: {\r\n        actions: 'Other actions',\r\n        edit: 'Edit (e)',\r\n        copy: 'Copy (c)',\r\n        del: 'Delete (del)',\r\n        newSubRow: 'New row (shift + n)',\r\n        loading: 'Loading...',\r\n    },\r\n    select: {\r\n        allOptionsSelected: 'All',\r\n    },\r\n    toasts: {\r\n        dismiss: 'Dismiss',\r\n    },\r\n    tour: {\r\n        back: 'Back',\r\n        close: 'Close',\r\n        skip: 'Close and complete',\r\n        last: 'Done',\r\n        next: 'Next',\r\n        open: 'Open',\r\n    },\r\n    searchInput: {\r\n        inputLabel: 'Search...',\r\n    },\r\n};\r\n\r\nconst defaultLocalizationContext: Localization = {\r\n    locale: 'en-GB',\r\n    texts: defaultLocalisationTexts,\r\n    formatting: {\r\n        date: 'dd.mm.yy',\r\n    },\r\n};\r\n\r\nconst Context = React.createContext<Taco>({\r\n    localization: defaultLocalizationContext,\r\n});\r\n\r\nexport type ProviderProps = {\r\n    /** Content would be your application */\r\n    children?: any;\r\n    /** Define localized texts and formatted data in your application */\r\n    localization?: Localization;\r\n};\r\n\r\nexport const Provider = (props: ProviderProps): JSX.Element => {\r\n    const { children, localization = defaultLocalizationContext } = props;\r\n    const value = React.useMemo(() => ({ localization }), [localization]);\r\n\r\n    return (\r\n        <Context.Provider value={value}>\r\n            <ToastProvider>{children}</ToastProvider>\r\n        </Context.Provider>\r\n    );\r\n};\r\n\r\nexport const useTaco = (): Taco => React.useContext(Context);\r\nexport const useLocalization = (): Localization => useTaco().localization;\r\n"],"names":["defaultLocalisationTexts","calendar","months","weekdaysShort","actions","previousMonth","nextMonth","previousYear","nextYear","today","datepicker","clear","expand","shortcuts","hanger","close","listbox","loading","empty","allOption","dialog","drag","pagination","label","pageSize","showingXofYofTotal","firstPage","firstPageWithShortcut","previousPage","previousPageWithShortcut","nextPage","nextPageWithShortcut","lastPage","lastPageWithShortcut","pageX","table","edit","copy","del","newSubRow","select","allOptionsSelected","toasts","dismiss","tour","back","skip","last","next","open","searchInput","inputLabel","defaultLocalizationContext","locale","texts","formatting","date","Context","React","localization","Provider","props","children","value","ToastProvider","useTaco","useLocalization"],"mappings":"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"}