@artsy/palette 39.0.3 → 40.0.0-canary.1408.31244.0

package/dist/elements/FilterSelect/Components/FilterSelectResultItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterSelectResultItem.js","names":["_react","_interopRequireDefault","require","_Checkbox","_FilterSelectContext","_Radio","obj","__esModule","default","FilterSelectResultItem","props","_useFilterSelectConte","useFilterSelectContext","renderItemLabel","selectedItems","toggleSelectedItem","multiselect","isSelected","find","item","value","label","Component","Checkbox","Radio","createElement","onSelect","selected","key","my","exports","displayName"],"sources":["../../../../src/elements/FilterSelect/Components/FilterSelectResultItem.tsx"],"sourcesContent":["import React from \"react\"\nimport { Checkbox } from \"../../Checkbox\"\nimport { Item, useFilterSelectContext } from \"./FilterSelectContext\"\nimport { Radio } from \"../../Radio\"\n\nexport const FilterSelectResultItem: React.FC<Item> = (props) => {\n  const {\n    renderItemLabel,\n    selectedItems,\n    toggleSelectedItem,\n    multiselect,\n  } = useFilterSelectContext()\n\n  const isSelected = !!selectedItems.find(\n    (item: Item) => item.value === props.value\n  )\n  const label = renderItemLabel ? renderItemLabel(props) : props.label\n  const Component = multiselect ? Checkbox : Radio\n\n  return (\n    <Component\n      onSelect={() => toggleSelectedItem(props)}\n      selected={isSelected}\n      key={props.value}\n      my={1}\n    >\n      {label}\n    </Component>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAmC,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE5B,IAAMG,sBAAsC,GAAG,SAAzCA,sBAAsCA,CAAIC,KAAK,EAAK;EAC/D,IAAAC,qBAAA,GAKI,IAAAC,2CAAsB,GAAE;IAJ1BC,eAAe,GAAAF,qBAAA,CAAfE,eAAe;IACfC,aAAa,GAAAH,qBAAA,CAAbG,aAAa;IACbC,kBAAkB,GAAAJ,qBAAA,CAAlBI,kBAAkB;IAClBC,WAAW,GAAAL,qBAAA,CAAXK,WAAW;EAGb,IAAMC,UAAU,GAAG,CAAC,CAACH,aAAa,CAACI,IAAI,CACrC,UAACC,IAAU;IAAA,OAAKA,IAAI,CAACC,KAAK,KAAKV,KAAK,CAACU,KAAK;EAAA,EAC3C;EACD,IAAMC,KAAK,GAAGR,eAAe,GAAGA,eAAe,CAACH,KAAK,CAAC,GAAGA,KAAK,CAACW,KAAK;EACpE,IAAMC,SAAS,GAAGN,WAAW,GAAGO,kBAAQ,GAAGC,YAAK;EAEhD,oBACExB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA,CAACH,SAAS;IACRI,QAAQ,EAAE,SAAAA,SAAA;MAAA,OAAMX,kBAAkB,CAACL,KAAK,CAAC;IAAA,CAAC;IAC1CiB,QAAQ,EAAEV,UAAW;IACrBW,GAAG,EAAElB,KAAK,CAACU,KAAM;IACjBS,EAAE,EAAE;EAAE,GAELR,KAAK,CACI;AAEhB,CAAC;AAAAS,OAAA,CAAArB,sBAAA,GAAAA,sBAAA;AAxBYA,sBAAsC,CAAAsB,WAAA"}
+{"version":3,"file":"FilterSelectResultItem.js","names":["_react","_interopRequireDefault","require","_Checkbox","_FilterSelectContext","_Radio","obj","__esModule","default","FilterSelectResultItem","props","_useFilterSelectConte","useFilterSelectContext","renderItemLabel","selectedItems","toggleSelectedItem","multiselect","isSelected","find","item","value","label","Component","Checkbox","Radio","createElement","onSelect","selected","key","my","exports","displayName"],"sources":["../../../../src/elements/FilterSelect/Components/FilterSelectResultItem.tsx"],"sourcesContent":["import React from \"react\"\nimport { Checkbox } from \"../../Checkbox\"\nimport { Item, useFilterSelectContext } from \"./FilterSelectContext\"\nimport { Radio } from \"../../Radio\"\n\nexport const FilterSelectResultItem: React.FC<React.PropsWithChildren<Item>> = (props) => {\n  const {\n    renderItemLabel,\n    selectedItems,\n    toggleSelectedItem,\n    multiselect,\n  } = useFilterSelectContext()\n\n  const isSelected = !!selectedItems.find(\n    (item: Item) => item.value === props.value\n  )\n  const label = renderItemLabel ? renderItemLabel(props) : props.label\n  const Component = multiselect ? Checkbox : Radio\n\n  return (\n    <Component\n      onSelect={() => toggleSelectedItem(props)}\n      selected={isSelected}\n      key={props.value}\n      my={1}\n    >\n      {label}\n    </Component>\n  )\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,SAAA,GAAAD,OAAA;AACA,IAAAE,oBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAAmC,SAAAD,uBAAAK,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE5B,IAAMG,sBAA+D,GAAG,SAAlEA,sBAA+DA,CAAIC,KAAK,EAAK;EACxF,IAAAC,qBAAA,GAKI,IAAAC,2CAAsB,GAAE;IAJ1BC,eAAe,GAAAF,qBAAA,CAAfE,eAAe;IACfC,aAAa,GAAAH,qBAAA,CAAbG,aAAa;IACbC,kBAAkB,GAAAJ,qBAAA,CAAlBI,kBAAkB;IAClBC,WAAW,GAAAL,qBAAA,CAAXK,WAAW;EAGb,IAAMC,UAAU,GAAG,CAAC,CAACH,aAAa,CAACI,IAAI,CACrC,UAACC,IAAU;IAAA,OAAKA,IAAI,CAACC,KAAK,KAAKV,KAAK,CAACU,KAAK;EAAA,EAC3C;EACD,IAAMC,KAAK,GAAGR,eAAe,GAAGA,eAAe,CAACH,KAAK,CAAC,GAAGA,KAAK,CAACW,KAAK;EACpE,IAAMC,SAAS,GAAGN,WAAW,GAAGO,kBAAQ,GAAGC,YAAK;EAEhD,oBACExB,MAAA,CAAAQ,OAAA,CAAAiB,aAAA,CAACH,SAAS;IACRI,QAAQ,EAAE,SAAAA,SAAA;MAAA,OAAMX,kBAAkB,CAACL,KAAK,CAAC;IAAA,CAAC;IAC1CiB,QAAQ,EAAEV,UAAW;IACrBW,GAAG,EAAElB,KAAK,CAACU,KAAM;IACjBS,EAAE,EAAE;EAAE,GAELR,KAAK,CACI;AAEhB,CAAC;AAAAS,OAAA,CAAArB,sBAAA,GAAAA,sBAAA;AAxBYA,sBAA+D,CAAAsB,WAAA"}

package/dist/elements/FilterSelect/FilterSelect.d.ts

@@ -1,5 +1,5 @@
 import * as React from "react";
 import { FilterSelectState } from "./Components/FilterSelectContext";
 export declare type FilterSelectProps = Partial<FilterSelectState>;
-export declare const FilterSelect: React.FC<FilterSelectProps>;
+export declare const FilterSelect: React.FC<React.PropsWithChildren<FilterSelectProps>>;
 export declare const isBelowTheFoldSelected: (selectedItems: any, resultsSorted: any) => boolean;

package/dist/elements/FilterSelect/FilterSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterSelect.js","names":["_esToolkit","require","React","_interopRequireWildcard","_ShowMore","_Flex","_FilterSelectResultItem","_FilterSelectContext","_FilterInput","_VisuallyHidden","_Text","_utils","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","iter","Symbol","iterator","isArray","len","arr2","FilterSelect","props","createElement","FilterSelectContextProvider","_FilterSelect","exports","displayName","_useFilterSelectConte","useFilterSelectContext","filteredItems","initialItemsToShow","isFiltered","items","multiselect","onChange","order","query","selectedItems","useUpdateEffect","orderItems","orderBy","itemsOrdered","filterdItemsOrdered","itemsSorted","uniqBy","concat","x","value","expanded","isBelowTheFoldSelected","showNoResults","Flex","flexDirection","FilterInput","mb","VisuallyHidden","Text","variant","map","item","FilterSelectResultItem","ShowMore","initial","textDecoration","mt","textAlign","resultsSorted","selected","_ref","results","INITIAL_ITEMS_TO_SHOW","_ref2","isSelected","intersection"],"sources":["../../../src/elements/FilterSelect/FilterSelect.tsx"],"sourcesContent":["import { intersection, orderBy, uniqBy } from \"es-toolkit\"\nimport * as React from \"react\"\nimport { ShowMore } from \"../ShowMore\"\nimport { Flex } from \"../Flex\"\nimport { FilterSelectResultItem } from \"./Components/FilterSelectResultItem\"\nimport {\n  FilterSelectContextProvider,\n  FilterSelectState,\n  Items,\n  useFilterSelectContext,\n} from \"./Components/FilterSelectContext\"\nimport { FilterInput } from \"./Components/FilterInput\"\nimport { VisuallyHidden } from \"../VisuallyHidden\"\nimport { Text } from \"../Text\"\nimport { INITIAL_ITEMS_TO_SHOW } from \"../ShowMore\"\nimport { useUpdateEffect } from \"../../utils\"\n\nexport type FilterSelectProps = Partial<FilterSelectState>\n\nexport const FilterSelect: React.FC<FilterSelectProps> = (props) => {\n  return (\n    <FilterSelectContextProvider {...props}>\n      <_FilterSelect />\n    </FilterSelectContextProvider>\n  )\n}\n\nconst _FilterSelect: React.FC = () => {\n  const {\n    filteredItems,\n    initialItemsToShow,\n    isFiltered,\n    items,\n    multiselect,\n    onChange,\n    order,\n    query,\n    selectedItems,\n  } = useFilterSelectContext()\n\n  // Dispatch change event\n  useUpdateEffect(() => {\n    if (onChange) {\n      onChange({\n        items,\n        filteredItems,\n        selectedItems,\n        query,\n      })\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [onChange, selectedItems])\n\n  if (items.length === 0) {\n    return null\n  }\n\n  const orderItems = (items: Items) => orderBy([...items], order[0], order[1])\n  const itemsOrdered = orderItems(items)\n  const filterdItemsOrdered = orderItems(filteredItems)\n  const itemsSorted = multiselect\n    ? // Move selected items to the top\n      uniqBy(selectedItems.concat(itemsOrdered), (x) => x.value)\n    : itemsOrdered\n  const expanded = isBelowTheFoldSelected(selectedItems, itemsSorted)\n  const showNoResults = filteredItems.length === 0 && query !== \"\"\n\n  return (\n    <Flex flexDirection=\"column\">\n      <FilterInput mb={1} />\n\n      {query !== \"\" && (\n        <VisuallyHidden aria-live=\"polite\">\n          {`${filteredItems.length} result${\n            filteredItems.length === 1 ? \"\" : \"s\"\n          }`}\n        </VisuallyHidden>\n      )}\n\n      {showNoResults && <Text variant=\"sm\">No results.</Text>}\n\n      {isFiltered ? (\n        filterdItemsOrdered.map((item) => (\n          <FilterSelectResultItem key={item.value} {...item} />\n        ))\n      ) : (\n        <ShowMore\n          expanded={expanded}\n          initial={initialItemsToShow}\n          variant={\"xs\"}\n          textDecoration={\"underline\"}\n          mt={1}\n          textAlign=\"left\"\n        >\n          {itemsSorted.map((item) => {\n            return <FilterSelectResultItem key={item.value} {...item} />\n          })}\n        </ShowMore>\n      )}\n    </Flex>\n  )\n}\n\nexport const isBelowTheFoldSelected = (selectedItems, resultsSorted) => {\n  const selected = selectedItems.map(({ value }) => value)\n  const results = resultsSorted\n    .slice(INITIAL_ITEMS_TO_SHOW)\n    .map(({ value }) => value)\n  const isSelected = intersection(selected, results).length > 0\n  return isSelected\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,KAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,SAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AACA,IAAAK,uBAAA,GAAAL,OAAA;AACA,IAAAM,oBAAA,GAAAN,OAAA;AAMA,IAAAO,YAAA,GAAAP,OAAA;AACA,IAAAQ,eAAA,GAAAR,OAAA;AACA,IAAAS,KAAA,GAAAT,OAAA;AAEA,IAAAU,MAAA,GAAAV,OAAA;AAA6C,SAAAW,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAV,wBAAAc,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAE,OAAA,CAAAF,GAAA,yBAAAA,GAAA,4BAAAG,OAAA,EAAAH,GAAA,UAAAI,KAAA,GAAAT,wBAAA,CAAAC,WAAA,OAAAQ,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAL,GAAA,YAAAI,KAAA,CAAAE,GAAA,CAAAN,GAAA,SAAAO,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAZ,GAAA,QAAAY,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,GAAA,EAAAY,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,GAAA,EAAAY,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAZ,GAAA,CAAAY,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAH,GAAA,MAAAI,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAjB,GAAA,EAAAO,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,mBAAAC,GAAA,WAAAC,kBAAA,CAAAD,GAAA,KAAAE,gBAAA,CAAAF,GAAA,KAAAG,2BAAA,CAAAH,GAAA,KAAAI,kBAAA;AAAA,SAAAA,mBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAAG,CAAA,EAAAC,MAAA,SAAAD,CAAA,qBAAAA,CAAA,sBAAAE,iBAAA,CAAAF,CAAA,EAAAC,MAAA,OAAAE,CAAA,GAAA5B,MAAA,CAAAI,SAAA,CAAAyB,QAAA,CAAAvB,IAAA,CAAAmB,CAAA,EAAAK,KAAA,aAAAF,CAAA,iBAAAH,CAAA,CAAAM,WAAA,EAAAH,CAAA,GAAAH,CAAA,CAAAM,WAAA,CAAAC,IAAA,MAAAJ,CAAA,cAAAA,CAAA,mBAAAK,KAAA,CAAAC,IAAA,CAAAT,CAAA,OAAAG,CAAA,+DAAAO,IAAA,CAAAP,CAAA,UAAAD,iBAAA,CAAAF,CAAA,EAAAC,MAAA;AAAA,SAAAL,iBAAAe,IAAA,eAAAC,MAAA,oBAAAD,IAAA,CAAAC,MAAA,CAAAC,QAAA,aAAAF,IAAA,+BAAAH,KAAA,CAAAC,IAAA,CAAAE,IAAA;AAAA,SAAAhB,mBAAAD,GAAA,QAAAc,KAAA,CAAAM,OAAA,CAAApB,GAAA,UAAAQ,iBAAA,CAAAR,GAAA;AAAA,SAAAQ,kBAAAR,GAAA,EAAAqB,GAAA,QAAAA,GAAA,YAAAA,GAAA,GAAArB,GAAA,CAAAJ,MAAA,EAAAyB,GAAA,GAAArB,GAAA,CAAAJ,MAAA,WAAAF,CAAA,MAAA4B,IAAA,OAAAR,KAAA,CAAAO,GAAA,GAAA3B,CAAA,GAAA2B,GAAA,EAAA3B,CAAA,MAAA4B,IAAA,CAAA5B,CAAA,IAAAM,GAAA,CAAAN,CAAA,YAAA4B,IAAA;AAItC,IAAMC,YAAyC,GAAG,SAA5CA,YAAyCA,CAAIC,KAAK,EAAK;EAClE,oBACEnE,KAAA,CAAAoE,aAAA,CAAC/D,oBAAA,CAAAgE,2BAA2B,EAAKF,KAAK,eACpCnE,KAAA,CAAAoE,aAAA,CAACE,aAAa,OAAG,CACW;AAElC,CAAC;AAAAC,OAAA,CAAAL,YAAA,GAAAA,YAAA;AANYA,YAAyC,CAAAM,WAAA;AAQtD,IAAMF,aAAuB,GAAG,SAA1BA,aAAuBA,CAAA,EAAS;EACpC,IAAAG,qBAAA,GAUI,IAAAC,2CAAsB,GAAE;IAT1BC,aAAa,GAAAF,qBAAA,CAAbE,aAAa;IACbC,kBAAkB,GAAAH,qBAAA,CAAlBG,kBAAkB;IAClBC,UAAU,GAAAJ,qBAAA,CAAVI,UAAU;IACVC,KAAK,GAAAL,qBAAA,CAALK,KAAK;IACLC,WAAW,GAAAN,qBAAA,CAAXM,WAAW;IACXC,QAAQ,GAAAP,qBAAA,CAARO,QAAQ;IACRC,KAAK,GAAAR,qBAAA,CAALQ,KAAK;IACLC,KAAK,GAAAT,qBAAA,CAALS,KAAK;IACLC,aAAa,GAAAV,qBAAA,CAAbU,aAAa;;EAGf;EACA,IAAAC,sBAAe,EAAC,YAAM;IACpB,IAAIJ,QAAQ,EAAE;MACZA,QAAQ,CAAC;QACPF,KAAK,EAALA,KAAK;QACLH,aAAa,EAAbA,aAAa;QACbQ,aAAa,EAAbA,aAAa;QACbD,KAAK,EAALA;MACF,CAAC,CAAC;IACJ;IACA;EACF,CAAC,EAAE,CAACF,QAAQ,EAAEG,aAAa,CAAC,CAAC;EAE7B,IAAIL,KAAK,CAACvC,MAAM,KAAK,CAAC,EAAE;IACtB,OAAO,IAAI;EACb;EAEA,IAAM8C,UAAU,GAAG,SAAbA,UAAUA,CAAIP,KAAY;IAAA,OAAK,IAAAQ,kBAAO,EAAA5C,kBAAA,CAAKoC,KAAK,GAAGG,KAAK,CAAC,CAAC,CAAC,EAAEA,KAAK,CAAC,CAAC,CAAC,CAAC;EAAA;EAC5E,IAAMM,YAAY,GAAGF,UAAU,CAACP,KAAK,CAAC;EACtC,IAAMU,mBAAmB,GAAGH,UAAU,CAACV,aAAa,CAAC;EACrD,IAAMc,WAAW,GAAGV,WAAW;EAC3B;EACA,IAAAW,iBAAM,EAACP,aAAa,CAACQ,MAAM,CAACJ,YAAY,CAAC,EAAE,UAACK,CAAC;IAAA,OAAKA,CAAC,CAACC,KAAK;EAAA,EAAC,GAC1DN,YAAY;EAChB,IAAMO,QAAQ,GAAGC,sBAAsB,CAACZ,aAAa,EAAEM,WAAW,CAAC;EACnE,IAAMO,aAAa,GAAGrB,aAAa,CAACpC,MAAM,KAAK,CAAC,IAAI2C,KAAK,KAAK,EAAE;EAEhE,oBACElF,KAAA,CAAAoE,aAAA,CAACjE,KAAA,CAAA8F,IAAI;IAACC,aAAa,EAAC;EAAQ,gBAC1BlG,KAAA,CAAAoE,aAAA,CAAC9D,YAAA,CAAA6F,WAAW;IAACC,EAAE,EAAE;EAAE,EAAG,EAErBlB,KAAK,KAAK,EAAE,iBACXlF,KAAA,CAAAoE,aAAA,CAAC7D,eAAA,CAAA8F,cAAc;IAAC,aAAU;EAAQ,MAAAV,MAAA,CAC5BhB,aAAa,CAACpC,MAAM,aAAAoD,MAAA,CACtBhB,aAAa,CAACpC,MAAM,KAAK,CAAC,GAAG,EAAE,GAAG,GAAG,EAG1C,EAEAyD,aAAa,iBAAIhG,KAAA,CAAAoE,aAAA,CAAC5D,KAAA,CAAA8F,IAAI;IAACC,OAAO,EAAC;EAAI,GAAC,aAAW,CAAO,EAEtD1B,UAAU,GACTW,mBAAmB,CAACgB,GAAG,CAAC,UAACC,IAAI;IAAA,oBAC3BzG,KAAA,CAAAoE,aAAA,CAAChE,uBAAA,CAAAsG,sBAAsB,EAAAzE,QAAA;MAACN,GAAG,EAAE8E,IAAI,CAACZ;IAAM,GAAKY,IAAI,EAAI;EAAA,CACtD,CAAC,gBAEFzG,KAAA,CAAAoE,aAAA,CAAClE,SAAA,CAAAyG,QAAQ;IACPb,QAAQ,EAAEA,QAAS;IACnBc,OAAO,EAAEhC,kBAAmB;IAC5B2B,OAAO,EAAE,IAAK;IACdM,cAAc,EAAE,WAAY;IAC5BC,EAAE,EAAE,CAAE;IACNC,SAAS,EAAC;EAAM,GAEftB,WAAW,CAACe,GAAG,CAAC,UAACC,IAAI,EAAK;IACzB,oBAAOzG,KAAA,CAAAoE,aAAA,CAAChE,uBAAA,CAAAsG,sBAAsB,EAAAzE,QAAA;MAACN,GAAG,EAAE8E,IAAI,CAACZ;IAAM,GAAKY,IAAI,EAAI;EAC9D,CAAC,CAAC,CAEL,CACI;AAEX,CAAC;AA1EKnC,aAAuB,CAAAE,WAAA;AA4EtB,IAAMuB,sBAAsB,GAAG,SAAzBA,sBAAsBA,CAAIZ,aAAa,EAAE6B,aAAa,EAAK;EACtE,IAAMC,QAAQ,GAAG9B,aAAa,CAACqB,GAAG,CAAC,UAAAU,IAAA;IAAA,IAAGrB,KAAK,GAAAqB,IAAA,CAALrB,KAAK;IAAA,OAAOA,KAAK;EAAA,EAAC;EACxD,IAAMsB,OAAO,GAAGH,aAAa,CAC1B1D,KAAK,CAAC8D,+BAAqB,CAAC,CAC5BZ,GAAG,CAAC,UAAAa,KAAA;IAAA,IAAGxB,KAAK,GAAAwB,KAAA,CAALxB,KAAK;IAAA,OAAOA,KAAK;EAAA,EAAC;EAC5B,IAAMyB,UAAU,GAAG,IAAAC,uBAAY,EAACN,QAAQ,EAAEE,OAAO,CAAC,CAAC5E,MAAM,GAAG,CAAC;EAC7D,OAAO+E,UAAU;AACnB,CAAC;AAAA/C,OAAA,CAAAwB,sBAAA,GAAAA,sBAAA"}
+{"version":3,"file":"FilterSelect.js","names":["_esToolkit","require","React","_interopRequireWildcard","_ShowMore","_Flex","_FilterSelectResultItem","_FilterSelectContext","_FilterInput","_VisuallyHidden","_Text","_utils","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_toConsumableArray","arr","_arrayWithoutHoles","_iterableToArray","_unsupportedIterableToArray","_nonIterableSpread","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","iter","Symbol","iterator","isArray","len","arr2","FilterSelect","props","createElement","FilterSelectContextProvider","_FilterSelect","exports","displayName","_useFilterSelectConte","useFilterSelectContext","filteredItems","initialItemsToShow","isFiltered","items","multiselect","onChange","order","query","selectedItems","useUpdateEffect","orderItems","orderBy","itemsOrdered","filterdItemsOrdered","itemsSorted","uniqBy","concat","x","value","expanded","isBelowTheFoldSelected","showNoResults","Flex","flexDirection","FilterInput","mb","VisuallyHidden","Text","variant","map","item","FilterSelectResultItem","ShowMore","initial","textDecoration","mt","textAlign","resultsSorted","selected","_ref","results","INITIAL_ITEMS_TO_SHOW","_ref2","isSelected","intersection"],"sources":["../../../src/elements/FilterSelect/FilterSelect.tsx"],"sourcesContent":["import { intersection, orderBy, uniqBy } from \"es-toolkit\"\nimport * as React from \"react\"\nimport { ShowMore } from \"../ShowMore\"\nimport { Flex } from \"../Flex\"\nimport { FilterSelectResultItem } from \"./Components/FilterSelectResultItem\"\nimport {\n  FilterSelectContextProvider,\n  FilterSelectState,\n  Items,\n  useFilterSelectContext,\n} from \"./Components/FilterSelectContext\"\nimport { FilterInput } from \"./Components/FilterInput\"\nimport { VisuallyHidden } from \"../VisuallyHidden\"\nimport { Text } from \"../Text\"\nimport { INITIAL_ITEMS_TO_SHOW } from \"../ShowMore\"\nimport { useUpdateEffect } from \"../../utils\"\n\nexport type FilterSelectProps = Partial<FilterSelectState>\n\nexport const FilterSelect: React.FC<React.PropsWithChildren<FilterSelectProps>> = (props) => {\n  return (\n    <FilterSelectContextProvider {...props}>\n      <_FilterSelect />\n    </FilterSelectContextProvider>\n  )\n}\n\nconst _FilterSelect: React.FC<React.PropsWithChildren<unknown>> = () => {\n  const {\n    filteredItems,\n    initialItemsToShow,\n    isFiltered,\n    items,\n    multiselect,\n    onChange,\n    order,\n    query,\n    selectedItems,\n  } = useFilterSelectContext()\n\n  // Dispatch change event\n  useUpdateEffect(() => {\n    if (onChange) {\n      onChange({\n        items,\n        filteredItems,\n        selectedItems,\n        query,\n      })\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [onChange, selectedItems])\n\n  if (items.length === 0) {\n    return null\n  }\n\n  const orderItems = (items: Items) => orderBy([...items], order[0], order[1])\n  const itemsOrdered = orderItems(items)\n  const filterdItemsOrdered = orderItems(filteredItems)\n  const itemsSorted = multiselect\n    ? // Move selected items to the top\n      uniqBy(selectedItems.concat(itemsOrdered), (x) => x.value)\n    : itemsOrdered\n  const expanded = isBelowTheFoldSelected(selectedItems, itemsSorted)\n  const showNoResults = filteredItems.length === 0 && query !== \"\"\n\n  return (\n    <Flex flexDirection=\"column\">\n      <FilterInput mb={1} />\n\n      {query !== \"\" && (\n        <VisuallyHidden aria-live=\"polite\">\n          {`${filteredItems.length} result${\n            filteredItems.length === 1 ? \"\" : \"s\"\n          }`}\n        </VisuallyHidden>\n      )}\n\n      {showNoResults && <Text variant=\"sm\">No results.</Text>}\n\n      {isFiltered ? (\n        filterdItemsOrdered.map((item) => (\n          <FilterSelectResultItem key={item.value} {...item} />\n        ))\n      ) : (\n        <ShowMore\n          expanded={expanded}\n          initial={initialItemsToShow}\n          variant={\"xs\"}\n          textDecoration={\"underline\"}\n          mt={1}\n          textAlign=\"left\"\n        >\n          {itemsSorted.map((item) => {\n            return <FilterSelectResultItem key={item.value} {...item} />\n          })}\n        </ShowMore>\n      )}\n    </Flex>\n  )\n}\n\nexport const isBelowTheFoldSelected = (selectedItems, resultsSorted) => {\n  const selected = selectedItems.map(({ value }) => value)\n  const results = resultsSorted\n    .slice(INITIAL_ITEMS_TO_SHOW)\n    .map(({ value }) => value)\n  const isSelected = intersection(selected, results).length > 0\n  return isSelected\n}\n"],"mappings":"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"}

package/dist/elements/FilterSelect/FilterSelect.story.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;

package/dist/elements/Flex/Flex.d.ts

@@ -7,6 +7,6 @@ export declare type FlexProps = BoxProps;
 /**
  * Flex is Box with display: flex
  */
-export declare const Flex: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, keyof BoxProps | "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+export declare const Flex: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, BoxProps>> & string;

package/dist/elements/FullBleed/FullBleed.d.ts

@@ -5,6 +5,6 @@ export declare type FullBleedProps = BoxProps;
 /**
  * Utility to break out of parent containers
  */
-export declare const FullBleed: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Pick<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, keyof BoxProps | "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+export declare const FullBleed: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, never>> & string;

package/dist/elements/FullBleed/FullBleed.story.d.ts

@@ -1,5 +1,6 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;

package/dist/elements/GridColumns/GridColumns.d.ts

@@ -8,7 +8,7 @@ export declare type GridColumnsProps = Omit<CSSGridProps, "gridTemplateColumns">
 /**
  * A 12-column fluid grid
  */
-export declare const GridColumns: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, keyof BoxProps | "key" | keyof React.HTMLAttributes<HTMLDivElement>> & {
+export declare const GridColumns: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<Omit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof BoxProps> & BoxProps, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
 }, keyof CSSGridProps> & CSSGridProps, never>> & string;
 declare type CellProps = ColumnCell & GridColumnProps & BoxProps;
@@ -22,5 +22,5 @@ export declare type ColumnProps = CellProps & {
  * A column sits within the GridColumns and spans the columns,
  * sitting between gutters.
  */
-export declare const Column: React.FC<ColumnProps>;
+export declare const Column: React.FC<React.PropsWithChildren<ColumnProps>>;
 export {};

package/dist/elements/GridColumns/GridColumns.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridColumns.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_Box","_CSSGrid","_calculateGridColumn","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","GridColumns","styled","CSSGrid","withConfig","displayName","componentId","exports","defaultProps","gridColumnGap","gridRowGap","Cell","Box","gridColumn","Column","_ref","span","start","wrap","rest","gridColumnValue","useMemo","calculateGridColumn","createElement","Fragment","ColumnWrap","_ref2","display","map","value","GRID_COLUMN_FULL_WIDTHS","includes"],"sources":["../../../src/elements/GridColumns/GridColumns.tsx"],"sourcesContent":["import React, { useMemo } from \"react\"\nimport styled from \"styled-components\"\nimport { gridColumn, GridColumnProps } from \"styled-system\"\nimport { Box, BoxProps } from \"../Box\"\nimport { CSSGrid, CSSGridProps } from \"../CSSGrid\"\nimport {\n  calculateGridColumn,\n  ColumnCell,\n  GRID_COLUMN_FULL_WIDTHS,\n} from \"./calculateGridColumn\"\n\n/** GridColumns implements `Box` and the common grid properties */\nexport type GridColumnsProps = Omit<CSSGridProps, \"gridTemplateColumns\">\n\n/**\n * A 12-column fluid grid\n */\nexport const GridColumns = styled(CSSGrid)`\n  grid-template-columns: repeat(12, 1fr);\n`\n\nGridColumns.defaultProps = {\n  gridColumnGap: [1, 2],\n  gridRowGap: [1, 2],\n}\n\ntype CellProps = ColumnCell & GridColumnProps & BoxProps\n\nconst Cell = styled(Box)<CellProps>`\n  ${gridColumn}\n`\n\n/** Column implements `Box` and `gridColumn` */\nexport type ColumnProps = CellProps & {\n  /** denotes whether or not to break to a new row after column */\n  wrap?: boolean\n  children?: React.ReactNode\n}\n\n/**\n * A column sits within the GridColumns and spans the columns,\n * sitting between gutters.\n */\nexport const Column: React.FC<ColumnProps> = ({\n  span,\n  start,\n  wrap,\n  ...rest\n}) => {\n  const gridColumnValue = useMemo(() => {\n    return calculateGridColumn({ span, start })\n  }, [span, start])\n\n  return (\n    <>\n      <Cell gridColumn={gridColumnValue} {...rest} />\n      {wrap && <ColumnWrap gridColumnValue={gridColumnValue} />}\n    </>\n  )\n}\n\nconst ColumnWrap: React.FC<{ gridColumnValue: string[] }> = ({\n  gridColumnValue,\n}) => {\n  return (\n    <Cell\n      // Spans the remainder of the columns until the end\n      gridColumn={[\"auto / -1\"]}\n      // Hides the break if the value presented is going to span the full\n      // width of the column anyway. Prevents duplicated row gaps.\n      display={gridColumnValue.map((value) => {\n        return GRID_COLUMN_FULL_WIDTHS.includes(value) ? \"none\" : \"block\"\n      })}\n    />\n  )\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,IAAA,GAAAJ,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,oBAAA,GAAAN,OAAA;AAI8B,IAAAO,SAAA;AAAA,SAAAL,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAb,wBAAAS,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,aAAAQ,OAAA,CAAAR,GAAA,yBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAS,KAAA,GAAAN,wBAAA,CAAAC,WAAA,OAAAK,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAV,GAAA,YAAAS,KAAA,CAAAE,GAAA,CAAAX,GAAA,SAAAY,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAjB,GAAA,QAAAiB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAApB,GAAA,EAAAiB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAhB,GAAA,EAAAiB,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAjB,GAAA,CAAAiB,GAAA,SAAAL,MAAA,CAAAV,OAAA,GAAAF,GAAA,MAAAS,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAtB,GAAA,EAAAY,MAAA,YAAAA,MAAA;AAAA,SAAAW,SAAA,IAAAA,QAAA,GAAAT,MAAA,CAAAU,MAAA,GAAAV,MAAA,CAAAU,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAV,GAAA,IAAAa,MAAA,QAAAhB,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAU,MAAA,EAAAb,GAAA,KAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,gBAAAS,MAAA,YAAAH,QAAA,CAAAQ,KAAA,OAAAH,SAAA;AAAA,SAAAI,yBAAAF,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,GAAAQ,6BAAA,CAAAJ,MAAA,EAAAG,QAAA,OAAAhB,GAAA,EAAAU,CAAA,MAAAb,MAAA,CAAAqB,qBAAA,QAAAC,gBAAA,GAAAtB,MAAA,CAAAqB,qBAAA,CAAAL,MAAA,QAAAH,CAAA,MAAAA,CAAA,GAAAS,gBAAA,CAAAP,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAmB,gBAAA,CAAAT,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,uBAAAH,MAAA,CAAAI,SAAA,CAAAoB,oBAAA,CAAAlB,IAAA,CAAAU,MAAA,EAAAb,GAAA,aAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,cAAAS,MAAA;AAAA,SAAAQ,8BAAAJ,MAAA,EAAAG,QAAA,QAAAH,MAAA,yBAAAJ,MAAA,WAAAa,UAAA,GAAAzB,MAAA,CAAA0B,IAAA,CAAAV,MAAA,OAAAb,GAAA,EAAAU,CAAA,OAAAA,CAAA,MAAAA,CAAA,GAAAY,UAAA,CAAAV,MAAA,EAAAF,CAAA,MAAAV,GAAA,GAAAsB,UAAA,CAAAZ,CAAA,OAAAM,QAAA,CAAAI,OAAA,CAAApB,GAAA,kBAAAS,MAAA,CAAAT,GAAA,IAAAa,MAAA,CAAAb,GAAA,YAAAS,MAAA;AAE9B;;AAGA;AACA;AACA;AACO,IAAMe,WAAW,GAAG,IAAAC,yBAAM,EAACC,gBAAO,CAAC,CAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,6CAEzC;AAAAC,OAAA,CAAAN,WAAA,GAAAA,WAAA;AAEDA,WAAW,CAACO,YAAY,GAAG;EACzBC,aAAa,EAAE,CAAC,CAAC,EAAE,CAAC,CAAC;EACrBC,UAAU,EAAE,CAAC,CAAC,EAAE,CAAC;AACnB,CAAC;AAID,IAAMC,IAAI,GAAG,IAAAT,yBAAM,EAACU,QAAG,CAAC,CAAAR,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA,aACpBO,wBAAU,CACb;;AAED;;AAOA;AACA;AACA;AACA;AACO,IAAMC,MAA6B,GAAG,SAAhCA,MAA6BA,CAAAC,IAAA,EAKpC;EAAA,IAJJC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IACDC,IAAI,GAAA3B,wBAAA,CAAAuB,IAAA,EAAAxD,SAAA;EAEP,IAAM6D,eAAe,GAAG,IAAAC,cAAO,EAAC,YAAM;IACpC,OAAO,IAAAC,wCAAmB,EAAC;MAAEN,IAAI,EAAJA,IAAI;MAAEC,KAAK,EAALA;IAAM,CAAC,CAAC;EAC7C,CAAC,EAAE,CAACD,IAAI,EAAEC,KAAK,CAAC,CAAC;EAEjB,oBACEnE,MAAA,CAAAY,OAAA,CAAA6D,aAAA,CAAAzE,MAAA,CAAAY,OAAA,CAAA8D,QAAA,qBACE1E,MAAA,CAAAY,OAAA,CAAA6D,aAAA,CAACZ,IAAI,EAAA5B,QAAA;IAAC8B,UAAU,EAAEO;EAAgB,GAAKD,IAAI,EAAI,EAC9CD,IAAI,iBAAIpE,MAAA,CAAAY,OAAA,CAAA6D,aAAA,CAACE,UAAU;IAACL,eAAe,EAAEA;EAAgB,EAAG,CACxD;AAEP,CAAC;AAAAb,OAAA,CAAAO,MAAA,GAAAA,MAAA;AAED,IAAMW,UAAmD,GAAG,SAAtDA,UAAmDA,CAAAC,KAAA,EAEnD;EAAA,IADJN,eAAe,GAAAM,KAAA,CAAfN,eAAe;EAEf,oBACEtE,MAAA,CAAAY,OAAA,CAAA6D,aAAA,CAACZ;EACC;EAAA;IACAE,UAAU,EAAE,CAAC,WAAW;IACxB;IACA;IAAA;IACAc,OAAO,EAAEP,eAAe,CAACQ,GAAG,CAAC,UAACC,KAAK,EAAK;MACtC,OAAOC,4CAAuB,CAACC,QAAQ,CAACF,KAAK,CAAC,GAAG,MAAM,GAAG,OAAO;IACnE,CAAC;EAAE,EACH;AAEN,CAAC;AAdKJ,UAAmD,CAAApB,WAAA"}
+{"version":3,"file":"GridColumns.js","names":["_react","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styledSystem","_Box","_CSSGrid","_calculateGridColumn","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","GridColumns","styled","CSSGrid","withConfig","displayName","componentId","exports","defaultProps","gridColumnGap","gridRowGap","Cell","Box","gridColumn","Column","_ref","span","start","wrap","rest","gridColumnValue","useMemo","calculateGridColumn","createElement","Fragment","ColumnWrap","_ref2","display","map","value","GRID_COLUMN_FULL_WIDTHS","includes"],"sources":["../../../src/elements/GridColumns/GridColumns.tsx"],"sourcesContent":["import React, { useMemo } from \"react\"\nimport styled from \"styled-components\"\nimport { gridColumn, GridColumnProps } from \"styled-system\"\nimport { Box, BoxProps } from \"../Box\"\nimport { CSSGrid, CSSGridProps } from \"../CSSGrid\"\nimport {\n  calculateGridColumn,\n  ColumnCell,\n  GRID_COLUMN_FULL_WIDTHS,\n} from \"./calculateGridColumn\"\n\n/** GridColumns implements `Box` and the common grid properties */\nexport type GridColumnsProps = Omit<CSSGridProps, \"gridTemplateColumns\">\n\n/**\n * A 12-column fluid grid\n */\nexport const GridColumns = styled(CSSGrid)`\n  grid-template-columns: repeat(12, 1fr);\n`\n\nGridColumns.defaultProps = {\n  gridColumnGap: [1, 2],\n  gridRowGap: [1, 2],\n}\n\ntype CellProps = ColumnCell & GridColumnProps & BoxProps\n\nconst Cell = styled(Box)<CellProps>`\n  ${gridColumn}\n`\n\n/** Column implements `Box` and `gridColumn` */\nexport type ColumnProps = CellProps & {\n  /** denotes whether or not to break to a new row after column */\n  wrap?: boolean\n  children?: React.ReactNode\n}\n\n/**\n * A column sits within the GridColumns and spans the columns,\n * sitting between gutters.\n */\nexport const Column: React.FC<React.PropsWithChildren<ColumnProps>> = ({\n  span,\n  start,\n  wrap,\n  ...rest\n}) => {\n  const gridColumnValue = useMemo(() => {\n    return calculateGridColumn({ span, start })\n  }, [span, start])\n\n  return (\n    <>\n      <Cell gridColumn={gridColumnValue} {...rest} />\n      {wrap && <ColumnWrap gridColumnValue={gridColumnValue} />}\n    </>\n  )\n}\n\nconst ColumnWrap: React.FC<React.PropsWithChildren<{ gridColumnValue: string[] }>> = ({\n  gridColumnValue,\n}) => {\n  return (\n    <Cell\n      // Spans the remainder of the columns until the end\n      gridColumn={[\"auto / -1\"]}\n      // Hides the break if the value presented is going to span the full\n      // width of the column anyway. Prevents duplicated row gaps.\n      display={gridColumnValue.map((value) => {\n        return GRID_COLUMN_FULL_WIDTHS.includes(value) ? \"none\" : \"block\"\n      })}\n    />\n  )\n}\n"],"mappings":"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"}

package/dist/elements/GridColumns/GridColumns.story.d.ts

@@ -1,21 +1,22 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const RealWorldExample: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const KitchenSink: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const CustomGutters: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/elements/HTML/HTML.d.ts

@@ -17,4 +17,4 @@ export declare const htmlMixin: import("styled-components").RuleSet<object>;
  * If `html` prop is passed; it's set as innerHTML, otherwise contents are wrapped
  * with default HTML styling.
  */
-export declare const HTML: React.FC<HTMLProps>;
+export declare const HTML: React.FC<React.PropsWithChildren<HTMLProps>>;

package/dist/elements/HTML/HTML.js.map

@@ -1 +1 @@
-{"version":3,"file":"HTML.js","names":["_themeGet","require","_react","_interopRequireDefault","_styledComponents","_interopRequireWildcard","_Text","_excluded","_excluded2","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","htmlMixin","css","themeGet","exports","Container","styled","Text","withConfig","displayName","componentId","defaultProps","variant","HTML","props","html","htmlRest","createElement","dangerouslySetInnerHTML","__html","children","childrenRest"],"sources":["../../../src/elements/HTML/HTML.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React, { HTMLAttributes } from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { Text, TextProps } from \"../Text\"\n\n/**\n * HTML\n */\nexport type HTMLProps = TextProps &\n  HTMLAttributes<HTMLDivElement | HTMLHeadingElement | HTMLParagraphElement> &\n  ({ html: string } | { children: React.ReactNode })\n\n/**\n * Sets reasonable defaults for tags that we might encounter in Markdown output.\n */\nexport const htmlMixin = css`\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  ul,\n  ol,\n  p,\n  blockquote,\n  pre,\n  hr {\n    margin: ${themeGet(\"space.1\")}px auto;\n\n    &:first-child {\n      margin-top: 0;\n    }\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: 0;\n    background-color: ${themeGet(\"colors.black10\")};\n  }\n`\n\nconst Container = styled(Text)`\n  ${htmlMixin}\n`\n\nContainer.defaultProps = {\n  variant: \"sm\",\n}\n\n/**\n * Sets reasonable defaults for tags that we might encounter in Markdown output.\n * If `html` prop is passed; it's set as innerHTML, otherwise contents are wrapped\n * with default HTML styling.\n */\nexport const HTML: React.FC<HTMLProps> = (props) => {\n  if (\"html\" in props) {\n    const { html, ...htmlRest } = props\n    return (\n      <Container dangerouslySetInnerHTML={{ __html: html }} {...htmlRest} />\n    )\n  }\n\n  const { children, ...childrenRest } = props\n  return <Container {...childrenRest}>{children}</Container>\n}\n\nHTML.displayName = \"HTML\"\n"],"mappings":"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"}
+{"version":3,"file":"HTML.js","names":["_themeGet","require","_react","_interopRequireDefault","_styledComponents","_interopRequireWildcard","_Text","_excluded","_excluded2","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","htmlMixin","css","themeGet","exports","Container","styled","Text","withConfig","displayName","componentId","defaultProps","variant","HTML","props","html","htmlRest","createElement","dangerouslySetInnerHTML","__html","children","childrenRest"],"sources":["../../../src/elements/HTML/HTML.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React, { HTMLAttributes } from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { Text, TextProps } from \"../Text\"\n\n/**\n * HTML\n */\nexport type HTMLProps = TextProps &\n  HTMLAttributes<HTMLDivElement | HTMLHeadingElement | HTMLParagraphElement> &\n  ({ html: string } | { children: React.ReactNode })\n\n/**\n * Sets reasonable defaults for tags that we might encounter in Markdown output.\n */\nexport const htmlMixin = css`\n  h1,\n  h2,\n  h3,\n  h4,\n  h5,\n  ul,\n  ol,\n  p,\n  blockquote,\n  pre,\n  hr {\n    margin: ${themeGet(\"space.1\")}px auto;\n\n    &:first-child {\n      margin-top: 0;\n    }\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  hr {\n    height: 1px;\n    border: 0;\n    background-color: ${themeGet(\"colors.black10\")};\n  }\n`\n\nconst Container = styled(Text)`\n  ${htmlMixin}\n`\n\nContainer.defaultProps = {\n  variant: \"sm\",\n}\n\n/**\n * Sets reasonable defaults for tags that we might encounter in Markdown output.\n * If `html` prop is passed; it's set as innerHTML, otherwise contents are wrapped\n * with default HTML styling.\n */\nexport const HTML: React.FC<React.PropsWithChildren<HTMLProps>> = (props) => {\n  if (\"html\" in props) {\n    const { html, ...htmlRest } = props\n    return (\n      <Container dangerouslySetInnerHTML={{ __html: html }} {...htmlRest} />\n    )\n  }\n\n  const { children, ...childrenRest } = props\n  return <Container {...childrenRest}>{children}</Container>\n}\n\nHTML.displayName = \"HTML\"\n"],"mappings":"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"}

package/dist/elements/HTML/HTML.story.d.ts

@@ -1,15 +1,16 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const Html: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const DefaultHtmlStyling: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/elements/HorizontalOverflow/HorizontalOverflow.d.ts

@@ -3,4 +3,6 @@ import { BoxProps } from "../Box";
 export declare type HorizontalOverflowProps = BoxProps & {
     children: React.ReactNode;
 };
-export declare const HorizontalOverflow: React.ForwardRefExoticComponent<HorizontalOverflowProps & React.RefAttributes<HTMLDivElement>>;
+export declare const HorizontalOverflow: React.ForwardRefExoticComponent<BoxProps & {
+    children: React.ReactNode;
+} & React.RefAttributes<HTMLDivElement>>;

package/dist/elements/HorizontalOverflow/HorizontalOverflow.js

@@ -54,6 +54,9 @@ var HorizontalOverflow = /*#__PURE__*/(0, _react.forwardRef)(function (_ref3, fo
       window.removeEventListener("resize", updateAtEnd);
     };
   }, []);
+
+  // FIXME: REACT_18_UPGRADE
+  // @ts-ignore
   var _splitRailProps = splitRailProps(rest),
     _splitRailProps2 = _slicedToArray(_splitRailProps, 2),
     railProps = _splitRailProps2[0],

package/dist/elements/HorizontalOverflow/HorizontalOverflow.js.map

@@ -1 +1 @@
-{"version":3,"file":"HorizontalOverflow.js","names":["_composeReactRefs","_interopRequireDefault","require","_themeGet","_react","_interopRequireWildcard","_styledComponents","_styledSystem","_visuallyDisableScrollbar","_splitProps","_Box","_excluded","_excluded2","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","splitRailProps","splitProps","compose","padding","justifyContent","border","Overlay","styled","Box","withConfig","displayName","componentId","themeGet","_ref2","atEnd","Viewport","visuallyDisableScrollbar","Rail","HorizontalOverflow","forwardRef","_ref3","forwardedRef","children","rest","ref","useRef","useEffect","updateAtEnd","window","addEventListener","removeEventListener","_splitRailProps","_splitRailProps2","railProps","_splitRailProps2$","_ref","boxProps","_useState","useState","_useState2","setAtEnd","current","_ref$current","scrollLeft","scrollWidth","clientWidth","Math","abs","createElement","composeRefs","onScroll","display","verticalAlign","exports"],"sources":["../../../src/elements/HorizontalOverflow/HorizontalOverflow.tsx"],"sourcesContent":["import composeRefs from \"@seznam/compose-react-refs\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport React, { forwardRef, useEffect, useRef, useState } from \"react\"\nimport styled from \"styled-components\"\nimport {\n  border,\n  BorderProps,\n  compose,\n  justifyContent,\n  JustifyContentProps,\n  padding,\n  PaddingProps,\n} from \"styled-system\"\nimport { visuallyDisableScrollbar } from \"../../helpers/visuallyDisableScrollbar\"\nimport { splitProps } from \"../../utils/splitProps\"\nimport { Box, BoxProps } from \"../Box\"\n\nconst splitRailProps = splitProps<\n  PaddingProps & JustifyContentProps & BorderProps\n>(compose(padding, justifyContent, border))\n\nconst Overlay = styled(Box)<{ atEnd: boolean }>`\n  position: relative;\n\n  /* Fade-out gradient */\n  &::after {\n    display: block;\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: ${themeGet(\"space.6\")};\n    z-index: 1;\n    pointer-events: none;\n    background: ${themeGet(\"effects.fadeRight\")};\n    /* Hide when scrolled all the way over */\n    transition: opacity 250ms;\n    opacity: ${({ atEnd }) => (atEnd ? 0 : 1)};\n  }\n`\n\nconst Viewport = styled(Box)`\n  height: 100%;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  ${visuallyDisableScrollbar}\n`\n\nconst Rail = styled(Box)`\n  white-space: nowrap;\n  min-width: 100%;\n  height: 100%;\n`\n\nexport type HorizontalOverflowProps = BoxProps & { children: React.ReactNode }\n\nexport const HorizontalOverflow: React.ForwardRefExoticComponent<\n  HorizontalOverflowProps & React.RefAttributes<HTMLDivElement>\n> = forwardRef(({ children, ...rest }, forwardedRef) => {\n  const ref = useRef<HTMLDivElement | null>()\n\n  useEffect(() => {\n    updateAtEnd()\n    window.addEventListener(\"resize\", updateAtEnd)\n    return () => {\n      window.removeEventListener(\"resize\", updateAtEnd)\n    }\n  }, [])\n\n  const [railProps, { ref: _ref, ...boxProps }] = splitRailProps(rest)\n\n  const [atEnd, setAtEnd] = useState(false)\n\n  const updateAtEnd = () => {\n    if (!ref.current) return\n\n    const {\n      current: { scrollLeft, scrollWidth, clientWidth },\n    } = ref\n\n    // Check if we're at the end of the scroll (within 1px)\n    if (Math.abs(scrollLeft + clientWidth - scrollWidth) <= 1) {\n      setAtEnd(true)\n      return\n    }\n\n    setAtEnd(false)\n  }\n\n  return (\n    <Overlay atEnd={atEnd} {...boxProps}>\n      <Viewport\n        ref={composeRefs(ref, forwardedRef) as any}\n        onScroll={updateAtEnd}\n      >\n        <Rail display=\"inline-flex\" verticalAlign=\"top\" {...railProps}>\n          {children}\n        </Rail>\n      </Viewport>\n    </Overlay>\n  )\n})\n\nHorizontalOverflow.displayName = \"HorizontalOverflow\"\n"],"mappings":"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"}
+{"version":3,"file":"HorizontalOverflow.js","names":["_composeReactRefs","_interopRequireDefault","require","_themeGet","_react","_interopRequireWildcard","_styledComponents","_styledSystem","_visuallyDisableScrollbar","_splitProps","_Box","_excluded","_excluded2","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","splitRailProps","splitProps","compose","padding","justifyContent","border","Overlay","styled","Box","withConfig","displayName","componentId","themeGet","_ref2","atEnd","Viewport","visuallyDisableScrollbar","Rail","HorizontalOverflow","forwardRef","_ref3","forwardedRef","children","rest","ref","useRef","useEffect","updateAtEnd","window","addEventListener","removeEventListener","_splitRailProps","_splitRailProps2","railProps","_splitRailProps2$","_ref","boxProps","_useState","useState","_useState2","setAtEnd","current","_ref$current","scrollLeft","scrollWidth","clientWidth","Math","abs","createElement","composeRefs","onScroll","display","verticalAlign","exports"],"sources":["../../../src/elements/HorizontalOverflow/HorizontalOverflow.tsx"],"sourcesContent":["import composeRefs from \"@seznam/compose-react-refs\"\nimport { themeGet } from \"@styled-system/theme-get\"\nimport React, { forwardRef, useEffect, useRef, useState } from \"react\"\nimport styled from \"styled-components\"\nimport {\n  border,\n  BorderProps,\n  compose,\n  justifyContent,\n  JustifyContentProps,\n  padding,\n  PaddingProps,\n} from \"styled-system\"\nimport { visuallyDisableScrollbar } from \"../../helpers/visuallyDisableScrollbar\"\nimport { splitProps } from \"../../utils/splitProps\"\nimport { Box, BoxProps } from \"../Box\"\n\nconst splitRailProps = splitProps<\n  PaddingProps & JustifyContentProps & BorderProps\n>(compose(padding, justifyContent, border))\n\nconst Overlay = styled(Box)<{ atEnd: boolean }>`\n  position: relative;\n\n  /* Fade-out gradient */\n  &::after {\n    display: block;\n    content: \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    width: ${themeGet(\"space.6\")};\n    z-index: 1;\n    pointer-events: none;\n    background: ${themeGet(\"effects.fadeRight\")};\n    /* Hide when scrolled all the way over */\n    transition: opacity 250ms;\n    opacity: ${({ atEnd }) => (atEnd ? 0 : 1)};\n  }\n`\n\nconst Viewport = styled(Box)`\n  height: 100%;\n  overflow-x: auto;\n  -webkit-overflow-scrolling: touch;\n  ${visuallyDisableScrollbar}\n`\n\nconst Rail = styled(Box)`\n  white-space: nowrap;\n  min-width: 100%;\n  height: 100%;\n`\n\nexport type HorizontalOverflowProps = BoxProps & { children: React.ReactNode }\n\nexport const HorizontalOverflow = forwardRef<\n  HTMLDivElement,\n  HorizontalOverflowProps\n>(({ children, ...rest }, forwardedRef) => {\n  const ref = useRef<HTMLDivElement | null>()\n\n  useEffect(() => {\n    updateAtEnd()\n    window.addEventListener(\"resize\", updateAtEnd)\n    return () => {\n      window.removeEventListener(\"resize\", updateAtEnd)\n    }\n  }, [])\n\n  // FIXME: REACT_18_UPGRADE\n  // @ts-ignore\n  const [railProps, { ref: _ref, ...boxProps }] = splitRailProps(rest)\n\n  const [atEnd, setAtEnd] = useState(false)\n\n  const updateAtEnd = () => {\n    if (!ref.current) return\n\n    const {\n      current: { scrollLeft, scrollWidth, clientWidth },\n    } = ref\n\n    // Check if we're at the end of the scroll (within 1px)\n    if (Math.abs(scrollLeft + clientWidth - scrollWidth) <= 1) {\n      setAtEnd(true)\n      return\n    }\n\n    setAtEnd(false)\n  }\n\n  return (\n    <Overlay atEnd={atEnd} {...boxProps}>\n      <Viewport\n        ref={composeRefs(ref, forwardedRef) as any}\n        onScroll={updateAtEnd}\n      >\n        <Rail display=\"inline-flex\" verticalAlign=\"top\" {...railProps}>\n          {children}\n        </Rail>\n      </Viewport>\n    </Overlay>\n  )\n})\n\nHorizontalOverflow.displayName = \"HorizontalOverflow\"\n"],"mappings":"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"}

package/dist/elements/HorizontalOverflow/HorizontalOverflow.story.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
-export declare const Default: () => JSX.Element;
-export declare const FillHeightCenteredContent: () => JSX.Element;
+export declare const Default: () => React.JSX.Element;
+export declare const FillHeightCenteredContent: () => React.JSX.Element;

package/dist/elements/Image/Image.d.ts

@@ -9,6 +9,8 @@ export interface ImageProps extends Omit<React.ImgHTMLAttributes<HTMLImageElemen
         decoded and represented as a data URL */
     placeHolderURL?: string;
 }
-export declare const BaseImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("../CleanTag").TagProps & React.RefAttributes<any>, ImageProps>> & string & Omit<React.ForwardRefExoticComponent<import("../CleanTag").TagProps & React.RefAttributes<any>>, keyof React.Component<any, {}, any>>;
+export declare const BaseImage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<import("../CleanTag").TagProps & React.RefAttributes<any>, "ref"> & {
+    ref?: ((instance: any) => void) | React.RefObject<any> | null | undefined;
+}, ImageProps>> & string & Omit<React.ForwardRefExoticComponent<import("../CleanTag").TagProps & React.RefAttributes<any>>, keyof React.Component<any, {}, any>>;
 /** A web-only Image component. */
-export declare const Image: ({ lazyLoad, preventRightClick, ...rest }: ImageProps) => JSX.Element;
+export declare const Image: ({ lazyLoad, preventRightClick, ...rest }: ImageProps) => React.JSX.Element;

package/dist/elements/Image/Image.story.d.ts

@@ -1,33 +1,34 @@
+import React from "react";
 declare const _default: {
     title: string;
 };
 export default _default;
 export declare const Default: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ImageWSrcSet: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ImageLazyLoad: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ImageLazyLoadSrcSet: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };
 };
 export declare const ImageLazyLoadSrcSetPlaceHolderURL: {
-    (): JSX.Element;
+    (): React.JSX.Element;
     story: {
         name: string;
     };

package/dist/elements/Image/LazyImage.d.ts

@@ -11,5 +11,5 @@ interface LazyImageProps extends ImageProps, WidthProps, HeightProps, BorderRadi
     onError?: (event: React.SyntheticEvent<any, Event>) => void;
 }
 /** LazyImage */
-export declare const LazyImage: React.FC<LazyImageProps>;
+export declare const LazyImage: React.FC<React.PropsWithChildren<LazyImageProps>>;
 export {};

package/dist/elements/Image/LazyImage.js.map

@@ -1 +1 @@
-{"version":3,"file":"LazyImage.js","names":["_react","_interopRequireWildcard","require","_reactLazyLoadImageComponent","_styledComponents","_interopRequireDefault","_styledSystem","_CleanTag","_Skeleton","_Image","_Box","_excluded","_excluded2","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","imagePropsToOmit","omitProps","prop","InnerLazyImage","styled","CleanTag","as","LazyLoadImage","withConfig","displayName","componentId","borderRadiusStyle","LazyImage","_ref","_ref$preload","preload","_ref$imageComponent","imageComponent","ImageComponent","Image","props","_useState","useState","_useState2","isImageLoaded","setImageLoaded","src","srcSet","title","alt","ariaLabel","width","height","borderRadius","style","onError","placeHolderURL","containerProps","createElement","handleLoad","Wrapper","Box","SkeletonBox","placeHolderStyle","backgroundImage","concat","backgroundRepeat","backgroundSize","omitFromProps","opacity","display","onLoad","exports"],"sources":["../../../src/elements/Image/LazyImage.tsx"],"sourcesContent":["import React, { CSSProperties, useState } from \"react\"\nimport { LazyLoadImage } from \"react-lazy-load-image-component\"\nimport styled from \"styled-components\"\nimport {\n  borderRadius as borderRadiusStyle,\n  BorderRadiusProps,\n  HeightProps,\n  WidthProps,\n} from \"styled-system\"\nimport { CleanTag, omitProps } from \"../CleanTag\"\nimport { SkeletonBox } from \"../Skeleton\"\nimport { ImageProps } from \"./Image\"\nimport { BaseImage as Image } from \"./Image\"\nimport { Box } from \"../Box\"\n\nconst imagePropsToOmit = omitProps.filter(\n  (prop) => prop !== \"width\" && prop !== \"height\"\n)\n\n// @ts-expect-error  MIGRATE_STRICT_MODE\nconst InnerLazyImage = styled(CleanTag.as(LazyLoadImage))<\n  ImageProps & {\n    onLoad: () => void\n    onError?: (event: React.SyntheticEvent<any, Event>) => void\n  }\n>`\n  width: 100%;\n  height: 100%;\n  ${borderRadiusStyle}\n  transition: opacity 0.25s;\n`\nInnerLazyImage.displayName = \"InnerLazyImage\"\n\ninterface LazyImageProps\n  extends ImageProps,\n    WidthProps,\n    HeightProps,\n    BorderRadiusProps {\n  /** Eagerly load the image instead of lazy loading it */\n  preload?: boolean\n  style?: CSSProperties\n  // TODO: Resolve type issues\n  /** The image component to render when preload is true */\n  imageComponent?: any // FunctionComponent<ImageProps>\n  onContextMenu?: (e: any) => void\n  onError?: (event: React.SyntheticEvent<any, Event>) => void\n}\n\n/** LazyImage */\nexport const LazyImage: React.FC<LazyImageProps> = ({\n  preload = false,\n  imageComponent: ImageComponent = Image,\n  ...props\n}) => {\n  const [isImageLoaded, setImageLoaded] = useState(false)\n\n  const {\n    src,\n    srcSet,\n    title,\n    alt,\n    [\"aria-label\"]: ariaLabel,\n    width,\n    height,\n    borderRadius,\n    style,\n    onError,\n    placeHolderURL,\n    ...containerProps\n  } = props\n\n  if (preload) {\n    return <ImageComponent {...props} />\n  }\n\n  const handleLoad = () => setImageLoaded(true)\n\n  // If there is a placeholder, use a regular Box to avoid a grey background.\n  const Wrapper = placeHolderURL ? Box : SkeletonBox\n\n  const placeHolderStyle = placeHolderURL\n    ? {\n        backgroundImage: `url(${placeHolderURL})`,\n        backgroundRepeat: \"no-repeat\",\n        backgroundSize: \"cover\",\n      }\n    : {}\n\n  return (\n    <Wrapper\n      width={width}\n      height={height}\n      borderRadius={borderRadius}\n      {...placeHolderStyle}\n      {...containerProps}\n    >\n      <InnerLazyImage\n        omitFromProps={imagePropsToOmit}\n        onError={onError}\n        src={src}\n        srcSet={srcSet}\n        title={title}\n        alt={alt}\n        aria-label={ariaLabel}\n        borderRadius={borderRadius}\n        width=\"100%\"\n        height=\"100%\"\n        style={{\n          ...style,\n          opacity: isImageLoaded ? \"1\" : \"0\",\n          display: placeHolderURL ? \"block\" : style?.display, // Avoids the placeholder image showing underneath the image\n        }}\n        onLoad={handleLoad}\n      />\n      <noscript>\n        <ImageComponent {...props} />\n      </noscript>\n    </Wrapper>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"LazyImage.js","names":["_react","_interopRequireWildcard","require","_reactLazyLoadImageComponent","_styledComponents","_interopRequireDefault","_styledSystem","_CleanTag","_Skeleton","_Image","_Box","_excluded","_excluded2","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","ownKeys","object","enumerableOnly","keys","getOwnPropertySymbols","symbols","filter","sym","enumerable","push","_objectSpread","forEach","_defineProperty","getOwnPropertyDescriptors","defineProperties","value","_toPropertyKey","configurable","writable","arg","_toPrimitive","String","input","hint","prim","Symbol","toPrimitive","undefined","res","TypeError","Number","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","imagePropsToOmit","omitProps","prop","InnerLazyImage","styled","CleanTag","as","LazyLoadImage","withConfig","displayName","componentId","borderRadiusStyle","LazyImage","_ref","_ref$preload","preload","_ref$imageComponent","imageComponent","ImageComponent","Image","props","_useState","useState","_useState2","isImageLoaded","setImageLoaded","src","srcSet","title","alt","ariaLabel","width","height","borderRadius","style","onError","placeHolderURL","containerProps","createElement","handleLoad","Wrapper","Box","SkeletonBox","placeHolderStyle","backgroundImage","concat","backgroundRepeat","backgroundSize","omitFromProps","opacity","display","onLoad","exports"],"sources":["../../../src/elements/Image/LazyImage.tsx"],"sourcesContent":["import React, { CSSProperties, useState } from \"react\"\nimport { LazyLoadImage } from \"react-lazy-load-image-component\"\nimport styled from \"styled-components\"\nimport {\n  borderRadius as borderRadiusStyle,\n  BorderRadiusProps,\n  HeightProps,\n  WidthProps,\n} from \"styled-system\"\nimport { CleanTag, omitProps } from \"../CleanTag\"\nimport { SkeletonBox } from \"../Skeleton\"\nimport { ImageProps } from \"./Image\"\nimport { BaseImage as Image } from \"./Image\"\nimport { Box } from \"../Box\"\n\nconst imagePropsToOmit = omitProps.filter(\n  (prop) => prop !== \"width\" && prop !== \"height\"\n)\n\n// @ts-expect-error  MIGRATE_STRICT_MODE\nconst InnerLazyImage = styled(CleanTag.as(LazyLoadImage))<\n  ImageProps & {\n    onLoad: () => void\n    onError?: (event: React.SyntheticEvent<any, Event>) => void\n  }\n>`\n  width: 100%;\n  height: 100%;\n  ${borderRadiusStyle}\n  transition: opacity 0.25s;\n`\nInnerLazyImage.displayName = \"InnerLazyImage\"\n\ninterface LazyImageProps\n  extends ImageProps,\n    WidthProps,\n    HeightProps,\n    BorderRadiusProps {\n  /** Eagerly load the image instead of lazy loading it */\n  preload?: boolean\n  style?: CSSProperties\n  // TODO: Resolve type issues\n  /** The image component to render when preload is true */\n  imageComponent?: any // FunctionComponent<ImageProps>\n  onContextMenu?: (e: any) => void\n  onError?: (event: React.SyntheticEvent<any, Event>) => void\n}\n\n/** LazyImage */\nexport const LazyImage: React.FC<React.PropsWithChildren<LazyImageProps>> = ({\n  preload = false,\n  imageComponent: ImageComponent = Image,\n  ...props\n}) => {\n  const [isImageLoaded, setImageLoaded] = useState(false)\n\n  const {\n    src,\n    srcSet,\n    title,\n    alt,\n    [\"aria-label\"]: ariaLabel,\n    width,\n    height,\n    borderRadius,\n    style,\n    onError,\n    placeHolderURL,\n    ...containerProps\n  } = props\n\n  if (preload) {\n    return <ImageComponent {...props} />\n  }\n\n  const handleLoad = () => setImageLoaded(true)\n\n  // If there is a placeholder, use a regular Box to avoid a grey background.\n  const Wrapper = placeHolderURL ? Box : SkeletonBox\n\n  const placeHolderStyle = placeHolderURL\n    ? {\n        backgroundImage: `url(${placeHolderURL})`,\n        backgroundRepeat: \"no-repeat\",\n        backgroundSize: \"cover\",\n      }\n    : {}\n\n  return (\n    <Wrapper\n      width={width}\n      height={height}\n      borderRadius={borderRadius}\n      {...placeHolderStyle}\n      {...containerProps}\n    >\n      <InnerLazyImage\n        omitFromProps={imagePropsToOmit}\n        onError={onError}\n        src={src}\n        srcSet={srcSet}\n        title={title}\n        alt={alt}\n        aria-label={ariaLabel}\n        borderRadius={borderRadius}\n        width=\"100%\"\n        height=\"100%\"\n        style={{\n          ...style,\n          opacity: isImageLoaded ? \"1\" : \"0\",\n          display: placeHolderURL ? \"block\" : style?.display, // Avoids the placeholder image showing underneath the image\n        }}\n        onLoad={handleLoad}\n      />\n      <noscript>\n        <ImageComponent {...props} />\n      </noscript>\n    </Wrapper>\n  )\n}\n"],"mappings":"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"}

package/dist/elements/Input/Input.d.ts

@@ -13,6 +13,4 @@ export interface InputProps extends BoxProps, Omit<React.InputHTMLAttributes<HTM
     showCounter?: boolean;
 }
 /** Input component */
-export declare const Input: React.ForwardRefExoticComponent<InputProps & {
-    ref?: React.Ref<HTMLInputElement>;
-}>;
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

package/dist/elements/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"file":"Input.js","names":["_themeGet","require","_react","_interopRequireWildcard","_styledComponents","_styledSystem","_RequiredField","_Box","_Text","_Tooltip","_tokens","_helpers","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Input","React","forwardRef","_ref","ref","children","className","description","disabled","error","required","focus","hover","title","height","labelOffset","showCounter","_ref$defaultValue","defaultValue","onChange","rest","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","inputProps","_React$useState","useState","_React$useState2","setValue","handleChange","useCallback","event","nextValue","currentTarget","createElement","Box","width","Tooltip","pointer","content","placement","Text","variant","color","textAlign","position","mt","StyledInput","placeholder","StyledLabel","htmlFor","maxLength","display","mx","RequiredField","flex","String","ml","exports","displayName","styled","input","withConfig","componentId","themeGet","systemHeight","props","css","INPUT_STATES","active","completed","FORM_ELEMENT_TRANSITION","label","_ref2"],"sources":["../../../src/elements/Input/Input.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React, { useCallback } from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { height as systemHeight } from \"styled-system\"\nimport { RequiredField } from \"../../shared/RequiredField\"\nimport { Box, BoxProps, splitBoxProps } from \"../Box\"\nimport { Text } from \"../Text\"\nimport { Tooltip } from \"../Tooltip\"\nimport { INPUT_STATES } from \"./tokens\"\nimport { FORM_ELEMENT_TRANSITION } from \"../../helpers\"\n\nexport interface InputProps\n  extends BoxProps,\n    Omit<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      \"size\" | \"width\" | \"height\" | \"capture\"\n    > {\n  active?: boolean\n  description?: string\n  disabled?: boolean\n  error?: string | boolean\n  focus?: boolean\n  hover?: boolean\n  required?: boolean\n  title?: string\n  labelOffset?: number\n  showCounter?: boolean\n}\n\n/** Input component */\nexport const Input: React.ForwardRefExoticComponent<\n  InputProps & { ref?: React.Ref<HTMLInputElement> }\n> = React.forwardRef(\n  (\n    {\n      children,\n      className,\n      description,\n      disabled,\n      error,\n      required,\n      focus,\n      hover,\n      title,\n      height,\n      labelOffset,\n      showCounter,\n      defaultValue = \"\",\n      onChange,\n      ...rest\n    },\n    ref\n  ) => {\n    const [boxProps, inputProps] = splitBoxProps(rest)\n    const [value, setValue] = React.useState(inputProps.value || defaultValue)\n\n    const handleChange = useCallback(\n      (event: React.ChangeEvent<HTMLInputElement>) => {\n        const nextValue = event.currentTarget.value\n        setValue(nextValue)\n        onChange?.(event)\n      },\n      [onChange]\n    )\n\n    return (\n      <Box width=\"100%\" className={className} {...boxProps}>\n        {!!description && (\n          <Tooltip pointer content={description} placement=\"top-end\">\n            <Text variant=\"xs\" color=\"black60\" textAlign=\"right\">\n              <u>What is this?</u>\n            </Text>\n          </Tooltip>\n        )}\n\n        <Box position=\"relative\" mt={!!title && !description ? 1 : 0}>\n          <StyledInput\n            ref={ref as any}\n            disabled={disabled}\n            focus={focus}\n            hover={hover}\n            error={!!error}\n            required={required}\n            height={(height ?? 50) as any}\n            name={inputProps.name}\n            title={title}\n            labelOffset={labelOffset}\n            defaultValue={defaultValue}\n            onChange={handleChange}\n            placeholder={inputProps.placeholder || \" \"}\n            {...inputProps}\n          />\n\n          {!!title && (\n            <StyledLabel labelOffset={labelOffset} htmlFor={inputProps.name}>\n              {title}\n              <span />\n            </StyledLabel>\n          )}\n\n          {children}\n        </Box>\n\n        {(required || (inputProps?.maxLength && showCounter)) &&\n          !(error && typeof error === \"string\") && (\n            <Box display=\"flex\" mt={0.5} mx={1}>\n              {required && <RequiredField disabled={disabled} flex={1} />}\n\n              {!!inputProps?.maxLength && showCounter && (\n                <Text flex={1} variant=\"xs\" color=\"black60\" textAlign=\"right\">\n                  {String(value).length}/{inputProps.maxLength}\n                </Text>\n              )}\n            </Box>\n          )}\n\n        {error && typeof error === \"string\" && (\n          <Text variant=\"xs\" mt={0.5} ml={1} color=\"red100\">\n            {error}\n          </Text>\n        )}\n      </Box>\n    )\n  }\n)\n\nInput.displayName = \"Input\"\n\ntype StyledInputProps = Pick<\n  InputProps,\n  \"disabled\" | \"error\" | \"hover\" | \"focus\" | \"active\" | \"title\" | \"labelOffset\"\n>\n\nconst StyledInput = styled.input<StyledInputProps>`\n  width: 100%;\n  padding: 0 ${themeGet(\"space.1\")};\n  appearance: none;\n  line-height: 1;\n  border: 1px solid;\n  border-radius: 3px;\n  transition: border-color 0.25s, color 0.25s;\n  font-family: ${themeGet(\"fonts.sans\")};\n  ${systemHeight};\n\n  ::placeholder {\n    transition: color 0.25s, opacity 0.25s;\n  }\n\n  ${(props) => {\n    return css`\n      ${INPUT_STATES.default}\n      ${props.hover && INPUT_STATES.hover}\n      ${props.focus && INPUT_STATES.focus}\n      ${props.active && INPUT_STATES.active}\n      ${props.disabled && INPUT_STATES.disabled}\n      ${props.error && INPUT_STATES.error}\n\n      &:hover {\n        ${INPUT_STATES.hover}\n      }\n\n      &:not(:placeholder-shown) {\n        ${INPUT_STATES.completed}\n        ${props.error && INPUT_STATES.error}\n      }\n\n      &:focus {\n        outline: none;\n        ${INPUT_STATES.focus}\n\n        &::placeholder {\n          transition: ${FORM_ELEMENT_TRANSITION};\n          opacity: 1;\n        }\n\n        :not(:placeholder-shown) {\n          ${INPUT_STATES.active}\n          ${props.error && INPUT_STATES.error}\n        }\n      }\n\n      &:disabled {\n        cursor: default;\n        ${INPUT_STATES.disabled}\n      }\n\n      ${props.title &&\n      css`\n        &::placeholder {\n          transition: ${FORM_ELEMENT_TRANSITION};\n          opacity: 0;\n        }\n      `}\n    `\n  }};\n`\n\nconst StyledLabel = styled.label<StyledInputProps>`\n  position: absolute;\n  top: 50%;\n  left: 5px;\n  padding: 0 5px;\n  background-color: transparent;\n  transform: translateY(-50%);\n  transition: ${FORM_ELEMENT_TRANSITION};\n  transition-property: color, transform, padding, font-size;\n  font-family: ${themeGet(\"fonts.sans\")};\n  pointer-events: none;\n\n  & > span {\n    background-color: ${themeGet(\"colors.white100\")};\n    height: 100%;\n    width: 100%;\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: -1;\n    transition: ${FORM_ELEMENT_TRANSITION};\n    transition-property: height, top;\n    transition-delay: 0.1s;\n  }\n\n  ${({ labelOffset }) =>\n    !!labelOffset &&\n    css`\n      padding-left: ${labelOffset - 5}px;\n    `}\n`\n"],"mappings":"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"}
+{"version":3,"file":"Input.js","names":["_themeGet","require","_react","_interopRequireWildcard","_styledComponents","_styledSystem","_RequiredField","_Box","_Text","_Tooltip","_tokens","_helpers","_excluded","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","_typeof","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Input","React","forwardRef","_ref","ref","children","className","description","disabled","error","required","focus","hover","title","height","labelOffset","showCounter","_ref$defaultValue","defaultValue","onChange","rest","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","inputProps","_React$useState","useState","_React$useState2","setValue","handleChange","useCallback","event","nextValue","currentTarget","createElement","Box","width","Tooltip","pointer","content","placement","Text","variant","color","textAlign","position","mt","StyledInput","placeholder","StyledLabel","htmlFor","maxLength","display","mx","RequiredField","flex","String","ml","exports","displayName","styled","input","withConfig","componentId","themeGet","systemHeight","props","css","INPUT_STATES","active","completed","FORM_ELEMENT_TRANSITION","label","_ref2"],"sources":["../../../src/elements/Input/Input.tsx"],"sourcesContent":["import { themeGet } from \"@styled-system/theme-get\"\nimport React, { useCallback } from \"react\"\nimport styled, { css } from \"styled-components\"\nimport { height as systemHeight } from \"styled-system\"\nimport { RequiredField } from \"../../shared/RequiredField\"\nimport { Box, BoxProps, splitBoxProps } from \"../Box\"\nimport { Text } from \"../Text\"\nimport { Tooltip } from \"../Tooltip\"\nimport { INPUT_STATES } from \"./tokens\"\nimport { FORM_ELEMENT_TRANSITION } from \"../../helpers\"\n\nexport interface InputProps\n  extends BoxProps,\n    Omit<\n      React.InputHTMLAttributes<HTMLInputElement>,\n      \"size\" | \"width\" | \"height\" | \"capture\"\n    > {\n  active?: boolean\n  description?: string\n  disabled?: boolean\n  error?: string | boolean\n  focus?: boolean\n  hover?: boolean\n  required?: boolean\n  title?: string\n  labelOffset?: number\n  showCounter?: boolean\n}\n\n/** Input component */\nexport const Input = React.forwardRef<HTMLInputElement, InputProps>(\n  (\n    {\n      children,\n      className,\n      description,\n      disabled,\n      error,\n      required,\n      focus,\n      hover,\n      title,\n      height,\n      labelOffset,\n      showCounter,\n      defaultValue = \"\",\n      onChange,\n      ...rest\n    },\n    ref\n  ) => {\n    const [boxProps, inputProps] = splitBoxProps(rest)\n    const [value, setValue] = React.useState(inputProps.value || defaultValue)\n\n    const handleChange = useCallback(\n      (event: React.ChangeEvent<HTMLInputElement>) => {\n        const nextValue = event.currentTarget.value\n        setValue(nextValue)\n        onChange?.(event)\n      },\n      [onChange]\n    )\n\n    return (\n      <Box width=\"100%\" className={className} {...boxProps}>\n        {!!description && (\n          <Tooltip pointer content={description} placement=\"top-end\">\n            <Text variant=\"xs\" color=\"black60\" textAlign=\"right\">\n              <u>What is this?</u>\n            </Text>\n          </Tooltip>\n        )}\n\n        <Box position=\"relative\" mt={!!title && !description ? 1 : 0}>\n          <StyledInput\n            ref={ref as any}\n            disabled={disabled}\n            focus={focus}\n            hover={hover}\n            error={!!error}\n            required={required}\n            height={(height ?? 50) as any}\n            name={inputProps.name}\n            title={title}\n            labelOffset={labelOffset}\n            defaultValue={defaultValue}\n            onChange={handleChange}\n            placeholder={inputProps.placeholder || \" \"}\n            {...inputProps}\n          />\n\n          {!!title && (\n            <StyledLabel labelOffset={labelOffset} htmlFor={inputProps.name}>\n              {title}\n              <span />\n            </StyledLabel>\n          )}\n\n          {children}\n        </Box>\n\n        {(required || (inputProps?.maxLength && showCounter)) &&\n          !(error && typeof error === \"string\") && (\n            <Box display=\"flex\" mt={0.5} mx={1}>\n              {required && <RequiredField disabled={disabled} flex={1} />}\n\n              {!!inputProps?.maxLength && showCounter && (\n                <Text flex={1} variant=\"xs\" color=\"black60\" textAlign=\"right\">\n                  {String(value).length}/{inputProps.maxLength}\n                </Text>\n              )}\n            </Box>\n          )}\n\n        {error && typeof error === \"string\" && (\n          <Text variant=\"xs\" mt={0.5} ml={1} color=\"red100\">\n            {error}\n          </Text>\n        )}\n      </Box>\n    )\n  }\n)\n\nInput.displayName = \"Input\"\n\ntype StyledInputProps = Pick<\n  InputProps,\n  \"disabled\" | \"error\" | \"hover\" | \"focus\" | \"active\" | \"title\" | \"labelOffset\"\n>\n\nconst StyledInput = styled.input<StyledInputProps>`\n  width: 100%;\n  padding: 0 ${themeGet(\"space.1\")};\n  appearance: none;\n  line-height: 1;\n  border: 1px solid;\n  border-radius: 3px;\n  transition: border-color 0.25s, color 0.25s;\n  font-family: ${themeGet(\"fonts.sans\")};\n  ${systemHeight};\n\n  ::placeholder {\n    transition: color 0.25s, opacity 0.25s;\n  }\n\n  ${(props) => {\n    return css`\n      ${INPUT_STATES.default}\n      ${props.hover && INPUT_STATES.hover}\n      ${props.focus && INPUT_STATES.focus}\n      ${props.active && INPUT_STATES.active}\n      ${props.disabled && INPUT_STATES.disabled}\n      ${props.error && INPUT_STATES.error}\n\n      &:hover {\n        ${INPUT_STATES.hover}\n      }\n\n      &:not(:placeholder-shown) {\n        ${INPUT_STATES.completed}\n        ${props.error && INPUT_STATES.error}\n      }\n\n      &:focus {\n        outline: none;\n        ${INPUT_STATES.focus}\n\n        &::placeholder {\n          transition: ${FORM_ELEMENT_TRANSITION};\n          opacity: 1;\n        }\n\n        :not(:placeholder-shown) {\n          ${INPUT_STATES.active}\n          ${props.error && INPUT_STATES.error}\n        }\n      }\n\n      &:disabled {\n        cursor: default;\n        ${INPUT_STATES.disabled}\n      }\n\n      ${props.title &&\n      css`\n        &::placeholder {\n          transition: ${FORM_ELEMENT_TRANSITION};\n          opacity: 0;\n        }\n      `}\n    `\n  }};\n`\n\nconst StyledLabel = styled.label<StyledInputProps>`\n  position: absolute;\n  top: 50%;\n  left: 5px;\n  padding: 0 5px;\n  background-color: transparent;\n  transform: translateY(-50%);\n  transition: ${FORM_ELEMENT_TRANSITION};\n  transition-property: color, transform, padding, font-size;\n  font-family: ${themeGet(\"fonts.sans\")};\n  pointer-events: none;\n\n  & > span {\n    background-color: ${themeGet(\"colors.white100\")};\n    height: 100%;\n    width: 100%;\n    display: block;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: -1;\n    transition: ${FORM_ELEMENT_TRANSITION};\n    transition-property: height, top;\n    transition-delay: 0.1s;\n  }\n\n  ${({ labelOffset }) =>\n    !!labelOffset &&\n    css`\n      padding-left: ${labelOffset - 5}px;\n    `}\n`\n"],"mappings":"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"}