@e1011/es-kit 1.0.124 → 1.0.128

package/dist/lib/cjs/src/core/utils/helpers/valueOperations.js.map

@@ -1 +1 @@
-{"version":3,"file":"valueOperations.js","sources":["../../../../../../../src/core/utils/helpers/valueOperations.ts"],"sourcesContent":["export type Limit = {\n  min?: number\n  max?: number\n};\n\nexport const numberDefined = (value?: number | undefined | null): boolean => value !== undefined && value !== null\n\nexport const restrictNumberInLimits = (value: number, limit?: Limit): number => Math.max(\n  Math.min(value, numberDefined(limit?.max) ? (limit?.max as number) : Infinity),\n  numberDefined(limit?.min) ? (limit?.min as number) : -Infinity,\n)\n\nexport enum Operation {\n  ADD = 'add',\n  SUBTRACT = 'subtract',\n  MULTIPLY = 'multiply',\n  DIVIDE = 'divide',\n}\n\nexport const numberOperation = (\n  value: number,\n  operand: number,\n  operation: Operation,\n  limit?: Limit,\n): number => {\n  let result = 0\n\n  switch (operation) {\n    case Operation.ADD: {\n      result = value + operand\n      break\n    }\n    case Operation.SUBTRACT: {\n      result = value - operand\n      break\n    }\n    case Operation.MULTIPLY: {\n      result = value * operand\n      break\n    }\n    case Operation.DIVIDE: {\n      result = operand === 0 ? 0 : value / operand\n      break\n    }\n    default:\n      value\n  }\n\n  return restrictNumberInLimits(result, limit)\n}\n\nexport const incerementValue\n  // eslint-disable-next-line default-param-last\n  = (value: number, inc = 1, limit?: Limit): number => numberOperation(value, inc, Operation.ADD, limit)\n\nexport const decrementValue\n  // eslint-disable-next-line default-param-last\n  = (value: number, inc = 1, limit?: Limit): number => numberOperation(value, inc, Operation.SUBTRACT, limit)\n\nexport const setValue = (\n  value: number | string | Record<string, unknown> | any,\n  limit?: Limit,\n): any => (typeof value === 'number' && limit ? restrictNumberInLimits(value, limit) : value)\n"],"names":["numberDefined","value","restrictNumberInLimits","limit","Math","max","min","Infinity","Operation","numberOperation","operand","operation","result","ADD","SUBTRACT","MULTIPLY","DIVIDE","arguments","length","undefined"],"mappings":"wEAKaA,EAAgB,SAACC,GAAiC,OAAcA,OAAqC,EAErGC,EAAyB,SAACD,EAAeE,GAAa,OAAaC,KAAKC,IACnFD,KAAKE,IAAIL,EAAOD,EAAcG,aAAAA,EAAAA,EAAOE,KAAQF,aAAAA,EAAAA,EAAOE,IAAiBE,KACrEP,EAAcG,aAAK,EAALA,EAAOG,KAAQH,aAAK,EAALA,EAAOG,KAAkBC,IACvD,EAEWC,WAAAA,GAAS,OAATA,EAAS,IAAA,MAATA,EAAS,SAAA,WAATA,EAAS,SAAA,WAATA,EAAS,OAAA,SAATA,CAAS,EAAA,IAORC,EAAkB,SAC7BR,EACAS,EACAC,EACAR,GAEA,IAAIS,EAAS,EAEb,OAAQD,GACN,KAAKH,EAAUK,IACbD,EAASX,EAAQS,EACjB,MAEF,KAAKF,EAAUM,SACbF,EAASX,EAAQS,EACjB,MAEF,KAAKF,EAAUO,SACbH,EAASX,EAAQS,EACjB,MAEF,KAAKF,EAAUQ,OACbJ,EAAqB,IAAZF,EAAgB,EAAIT,EAAQS,EAOzC,OAAOR,EAAuBU,EAAQT,EACxC,6CAQI,SAACF,GAAa,IAAWE,EAAac,UAAAC,OAAAD,EAAAA,kBAAAE,EAAA,OAAaV,EAAgBR,EAAhDgB,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,EAAyDT,EAAUM,SAAUX,EAAM,0BAJzG,SAACF,GAAa,IAAWE,EAAac,UAAAC,OAAAD,EAAAA,kBAAAE,EAAA,OAAaV,EAAgBR,EAAhDgB,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,EAAyDT,EAAUK,IAAKV,EAAM,sGAMhF,SACtBF,EACAE,GAAa,MACa,iBAAVF,GAAsBE,EAAQD,EAAuBD,EAAOE,GAASF,CAAK"}
+{"version":3,"file":"valueOperations.js","sources":["../../../../../../../src/core/utils/helpers/valueOperations.ts"],"sourcesContent":["export type Limit = {\n  min?: number\n  max?: number\n};\n\nexport const numberDefined = (value?: number | undefined | null): boolean => value !== undefined && value !== null\n\nexport const restrictNumberInLimits = (value: number, limit?: Limit): number => Math.max(\n  Math.min(value, numberDefined(limit?.max) ? (limit?.max as number) : Infinity),\n  numberDefined(limit?.min) ? (limit?.min as number) : -Infinity,\n)\n\nexport enum Operation {\n  ADD = 'add',\n  SUBTRACT = 'subtract',\n  MULTIPLY = 'multiply',\n  DIVIDE = 'divide',\n}\n\nexport const numberOperation = (\n  value: number,\n  operand: number,\n  operation: Operation,\n  limit?: Limit,\n): number => {\n  let result = 0\n\n  switch (operation) {\n    case Operation.ADD: {\n      result = value + operand\n      break\n    }\n    case Operation.SUBTRACT: {\n      result = value - operand\n      break\n    }\n    case Operation.MULTIPLY: {\n      result = value * operand\n      break\n    }\n    case Operation.DIVIDE: {\n      result = operand === 0 ? 0 : value / operand\n      break\n    }\n    default:\n      value\n  }\n\n  return restrictNumberInLimits(result, limit)\n}\n\nexport const incerementValue\n  // eslint-disable-next-line default-param-last\n  = (value: number, inc = 1, limit?: Limit): number => numberOperation(value, inc, Operation.ADD, limit)\n\nexport const decrementValue\n  // eslint-disable-next-line default-param-last\n  = (value: number, inc = 1, limit?: Limit): number => numberOperation(value, inc, Operation.SUBTRACT, limit)\n\nexport const setValue = (\n  value: number | string | Record<string, unknown> | any,\n  limit?: Limit,\n): any => (typeof value === 'number' && limit ? restrictNumberInLimits(value, limit) : value)\n"],"names":["numberDefined","value","restrictNumberInLimits","limit","Math","max","min","Infinity","Operation","numberOperation","operand","operation","result","ADD","SUBTRACT","MULTIPLY","DIVIDE","arguments","length","undefined","setValue"],"mappings":"oEAKO,MAAMA,EAAiBC,GAA+CA,QAEhEC,EAAyBA,CAACD,EAAeE,IAA0BC,KAAKC,IACnFD,KAAKE,IAAIL,EAAOD,EAAcG,aAAK,EAALA,EAAOE,KAAQF,aAAAA,EAAAA,EAAOE,IAAiBE,KACrEP,EAAcG,aAAK,EAALA,EAAOG,KAAQH,aAAAA,EAAAA,EAAOG,KAAkBC,KAG5CC,IAAAA,WAAAA,GAAS,OAATA,EAAS,IAAA,MAATA,EAAS,SAAA,WAATA,EAAS,SAAA,WAATA,EAAS,OAAA,SAATA,CAAS,EAAA,IAOd,MAAMC,EAAkBA,CAC7BR,EACAS,EACAC,EACAR,KAEA,IAAIS,EAAS,EAEb,OAAQD,GACN,KAAKH,EAAUK,IACbD,EAASX,EAAQS,EACjB,MAEF,KAAKF,EAAUM,SACbF,EAASX,EAAQS,EACjB,MAEF,KAAKF,EAAUO,SACbH,EAASX,EAAQS,EACjB,MAEF,KAAKF,EAAUQ,OACbJ,EAAqB,IAAZF,EAAgB,EAAIT,EAAQS,EAOzC,OAAOR,EAAuBU,EAAQT,EAAM,6CAS1C,SAACF,GAAa,IAAWE,EAAac,UAAAC,OAAAD,EAAAA,kBAAAE,EAAA,OAAaV,EAAgBR,EAAhDgB,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,EAAyDT,EAAUM,SAAUX,EAAM,0BAJzG,SAACF,GAAa,IAAWE,EAAac,UAAAC,OAAAD,EAAAA,kBAAAE,EAAA,OAAaV,EAAgBR,EAAhDgB,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,EAAyDT,EAAUK,IAAKV,EAAM,sGAMhFiB,CACtBnB,EACAE,IAC0B,iBAAVF,GAAsBE,EAAQD,EAAuBD,EAAOE,GAASF"}

package/dist/lib/cjs/src/core/utils/keyExtractor.js

@@ -1,2 +1,2 @@
-"use strict";function e(e,r){var o,t;return String(null!==(o=null!==(t=null==e?void 0:e.key)&&void 0!==t?t:null==e?void 0:e.id)&&void 0!==o?o:r)}Object.defineProperty(exports,"__esModule",{value:!0});var r=require("./helpers/other.js").memoizeComplex(e);exports.keyExtractor=r,exports.keyExtractorFunction=e;
+"use strict";function e(e,r){var o,t;return String(null!==(o=null!==(t=null==e?void 0:e.key)&&void 0!==t?t:null==e?void 0:e.id)&&void 0!==o?o:r)}Object.defineProperty(exports,"__esModule",{value:!0});const r=require("./helpers/other.js").memoizeComplex(e);exports.keyExtractor=r,exports.keyExtractorFunction=e;
 //# sourceMappingURL=keyExtractor.js.map

package/dist/lib/cjs/src/core/utils/keyExtractor.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyExtractor.js","sources":["../../../../../../src/core/utils/keyExtractor.ts"],"sourcesContent":["import { memoizeComplex } from './helpers/other'\n\ntype ItemLikeObject = {\n  key?: string\n  id?: string | number\n}\n\nexport function keyExtractorFunction<Item extends ItemLikeObject>(item: Item, index: number): string {\n  return String(item?.key ?? item?.id ?? index)\n}\n\nexport const keyExtractor = memoizeComplex(keyExtractorFunction)\n"],"names":["keyExtractorFunction","item","index","_ref","_item$key","String","key","id","keyExtractor","memoizeComplex"],"mappings":"aAOO,SAASA,EAAkDC,EAAYC,GAAuB,IAAAC,EAAAC,EACnG,OAAOC,OAA4B,QAAtBF,EAAUC,QAAVA,EAACH,aAAI,EAAJA,EAAMK,WAAGF,IAAAA,EAAAA,EAAIH,eAAAA,EAAMM,UAAE,IAAAJ,EAAAA,EAAID,EACzC,4DAEaM,gCAA6BC,eAACT"}
+{"version":3,"file":"keyExtractor.js","sources":["../../../../../../src/core/utils/keyExtractor.ts"],"sourcesContent":["import { memoizeComplex } from './helpers/other'\n\ntype ItemLikeObject = {\n  key?: string\n  id?: string | number\n}\n\nexport function keyExtractorFunction<Item extends ItemLikeObject>(item: Item, index: number): string {\n  return String(item?.key ?? item?.id ?? index)\n}\n\nexport const keyExtractor = memoizeComplex(keyExtractorFunction)\n"],"names":["keyExtractorFunction","item","index","_ref","_item$key","String","key","id","keyExtractor","memoizeComplex"],"mappings":"aAOO,SAASA,EAAkDC,EAAYC,GAAuB,IAAAC,EAAAC,EACnG,OAAOC,OAA4B,QAAtBF,EAAUC,QAAVA,EAACH,aAAI,EAAJA,EAAMK,WAAGF,IAAAA,EAAAA,EAAIH,eAAAA,EAAMM,UAAE,IAAAJ,EAAAA,EAAID,EACzC,8DAEaM,gCAA6BC,eAACT"}

package/dist/lib/cjs/src/core/utils/webComponents/webComponent.utils.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("../../../../node_modules/core-js/modules/es.object.to-string.js"),require("../../../../node_modules/core-js/modules/web.dom-collections.for-each.js");var e=function(e){return function(t){customElements.get(e)||customElements.define(e,t)}},t=e,o=function(e){return function(t){var o=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],r=arguments.length>2?arguments[2]:void 0,n=e.getAttribute(t),s=void 0!==n;return o&&s&&void 0===e[t]&&(e[t]=r?r(n):n),s}};exports.ced=e,exports.createResolveAttribute=o,exports.customElementDefine=t,exports.resolveAttributes=function(e,t){var r=o(e);t.forEach((function(e){if("string"==typeof e)r(e);else{var t=e.name,o=e.override,n=e.valueMap;r(t,o,n)}}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const e=e=>t=>{customElements.get(e)||customElements.define(e,t)},t=e,o=e=>function(t){let o=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],s=arguments.length>2?arguments[2]:void 0;const r=e.getAttribute(t),n=void 0!==r;return o&&n&&void 0===e[t]&&(e[t]=s?s(r):r),n};exports.ced=e,exports.createResolveAttribute=o,exports.customElementDefine=t,exports.resolveAttributes=(e,t)=>{const s=o(e);t.forEach((e=>{if("string"==typeof e)s(e);else{const{name:t,override:o,valueMap:r}=e;s(t,o,r)}}))};
 //# sourceMappingURL=webComponent.utils.js.map

package/dist/lib/cjs/src/core/utils/webComponents/webComponent.utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"webComponent.utils.js","sources":["../../../../../../../src/core/utils/webComponents/webComponent.utils.ts"],"sourcesContent":["/* custom elements define */\nexport const ced = (name: string) => (\n  componentClass: typeof HTMLElement,\n) => {\n  customElements.get(name) || customElements.define(name, componentClass)\n}\n\nexport const customElementDefine = ced\n\n\n\nexport const createResolveAttribute = (\n  component: Element & Record<string, any>,\n) => (\n  attributeName: string,\n  // eslint-disable-next-line default-param-last\n  overrideProperty = true,\n  valueMap?: (value: unknown) => unknown,\n): boolean => {\n  const attrValue = component.getAttribute(attributeName)\n  const attrValueDefined = attrValue !== undefined\n\n  if (overrideProperty && attrValueDefined && component[attributeName] === undefined) {\n    // eslint-disable-next-line no-param-reassign\n    component[attributeName] = valueMap ? valueMap(attrValue) : attrValue\n  }\n\n  return attrValueDefined\n}\n\nexport const resolveAttributes = (\n  component: Element & Record<string, any>,\n  attributes: ({ name: string; override: boolean; valueMap?: (value: unknown) => unknown } | string)[],\n) => {\n  const resolver = createResolveAttribute(component)\n\n  attributes.forEach((attribute) => {\n    if (typeof attribute === 'string') {\n      resolver(attribute)\n    } else {\n      const { name, override, valueMap } = attribute\n\n      resolver(name, override, valueMap)\n    }\n  })\n}\n"],"names":["ced","name","componentClass","customElements","get","define","customElementDefine","createResolveAttribute","component","attributeName","overrideProperty","arguments","length","undefined","valueMap","attrValue","getAttribute","attrValueDefined","attributes","resolver","forEach","attribute","override"],"mappings":"uOACaA,EAAM,SAACC,GAAY,OAAK,SACnCC,GAEAC,eAAeC,IAAIH,IAASE,eAAeE,OAAOJ,EAAMC,GACzD,EAEYI,EAAsBN,EAItBO,EAAyB,SACpCC,GAAwC,OACrC,SACHC,GAIY,IAFZC,IAAgBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GAChBG,EAAsCH,UAAAC,OAAAD,EAAAA,kBAAAE,EAEhCE,EAAYP,EAAUQ,aAAaP,GACnCQ,OAAiCJ,IAAdE,EAOzB,OALIL,GAAoBO,QAAiDJ,IAA7BL,EAAUC,KAEpDD,EAAUC,GAAiBK,EAAWA,EAASC,GAAaA,GAGvDE,EACR,yGAEgC,SAC/BT,EACAU,GAEA,IAAMC,EAAWZ,EAAuBC,GAExCU,EAAWE,SAAQ,SAACC,GAClB,GAAyB,iBAAdA,EACTF,EAASE,OACJ,CACL,IAAQpB,EAA6BoB,EAA7BpB,KAAMqB,EAAuBD,EAAvBC,SAAUR,EAAaO,EAAbP,SAExBK,EAASlB,EAAMqB,EAAUR,EAC3B,CACF,GACF"}
+{"version":3,"file":"webComponent.utils.js","sources":["../../../../../../../src/core/utils/webComponents/webComponent.utils.ts"],"sourcesContent":["/* custom elements define */\nexport const ced = (name: string) => (\n  componentClass: typeof HTMLElement,\n) => {\n  customElements.get(name) || customElements.define(name, componentClass)\n}\n\nexport const customElementDefine = ced\n\n\n\nexport const createResolveAttribute = (\n  component: Element & Record<string, any>,\n) => (\n  attributeName: string,\n  // eslint-disable-next-line default-param-last\n  overrideProperty = true,\n  valueMap?: (value: unknown) => unknown,\n): boolean => {\n  const attrValue = component.getAttribute(attributeName)\n  const attrValueDefined = attrValue !== undefined\n\n  if (overrideProperty && attrValueDefined && component[attributeName] === undefined) {\n    // eslint-disable-next-line no-param-reassign\n    component[attributeName] = valueMap ? valueMap(attrValue) : attrValue\n  }\n\n  return attrValueDefined\n}\n\nexport const resolveAttributes = (\n  component: Element & Record<string, any>,\n  attributes: ({ name: string; override: boolean; valueMap?: (value: unknown) => unknown } | string)[],\n) => {\n  const resolver = createResolveAttribute(component)\n\n  attributes.forEach((attribute) => {\n    if (typeof attribute === 'string') {\n      resolver(attribute)\n    } else {\n      const { name, override, valueMap } = attribute\n\n      resolver(name, override, valueMap)\n    }\n  })\n}\n"],"names":["ced","name","componentClass","customElements","get","define","customElementDefine","createResolveAttribute","component","attributeName","overrideProperty","arguments","length","undefined","valueMap","attrValue","getAttribute","attrValueDefined","resolveAttributes","attributes","resolver","forEach","attribute","override"],"mappings":"0EACaA,EAAOC,GAClBC,IAEAC,eAAeC,IAAIH,IAASE,eAAeE,OAAOJ,EAAMC,EAAe,EAG5DI,EAAsBN,EAItBO,EACXC,GACG,SACHC,GAIY,IAFZC,IAAgBC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GAChBG,EAAsCH,UAAAC,OAAAD,EAAAA,kBAAAE,EAEtC,MAAME,EAAYP,EAAUQ,aAAaP,GACnCQ,OAAiCJ,IAAdE,EAOzB,OALIL,GAAoBO,QAAiDJ,IAA7BL,EAAUC,KAEpDD,EAAUC,GAAiBK,EAAWA,EAASC,GAAaA,GAGvDE,CACT,yGAEiCC,CAC/BV,EACAW,KAEA,MAAMC,EAAWb,EAAuBC,GAExCW,EAAWE,SAASC,IAClB,GAAyB,iBAAdA,EACTF,EAASE,OACJ,CACL,MAAMrB,KAAEA,EAAIsB,SAAEA,EAAQT,SAAEA,GAAaQ,EAErCF,EAASnB,EAAMsB,EAAUT,EAC3B,IACA"}

package/dist/lib/esm/_virtual/_rollupPluginBabelHelpers.js

@@ -1,2 +1,2 @@
-function t(t,r){var e=null==t?null:"undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(null!=e){var n,o,i,a,u=[],c=!0,f=!1;try{if(i=(e=e.call(t)).next,0===r){if(Object(e)!==e)return;c=!1}else for(;!(c=(n=i.call(e)).done)&&(u.push(n.value),u.length!==r);c=!0);}catch(t){f=!0,o=t}finally{try{if(!c&&null!=e.return&&(a=e.return(),Object(a)!==a))return}finally{if(f)throw o}}return u}}function r(t,r){var e=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),e.push.apply(e,n)}return e}function e(t){for(var e=1;e<arguments.length;e++){var n=null!=arguments[e]?arguments[e]:{};e%2?r(Object(n),!0).forEach((function(r){l(t,r,n[r])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(n)):r(Object(n)).forEach((function(r){Object.defineProperty(t,r,Object.getOwnPropertyDescriptor(n,r))}))}return t}function n(){n=function(){return t};var t={},r=Object.prototype,e=r.hasOwnProperty,o=Object.defineProperty||function(t,r,e){t[r]=e.value},i="function"==typeof Symbol?Symbol:{},a=i.iterator||"@@iterator",u=i.asyncIterator||"@@asyncIterator",c=i.toStringTag||"@@toStringTag";function f(t,r,e){return Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}),t[r]}try{f({},"")}catch(t){f=function(t,r,e){return t[r]=e}}function l(t,r,e,n){var i=r&&r.prototype instanceof y?r:y,a=Object.create(i.prototype),u=new E(n||[]);return o(a,"_invoke",{value:j(t,e,u)}),a}function s(t,r,e){try{return{type:"normal",arg:t.call(r,e)}}catch(t){return{type:"throw",arg:t}}}t.wrap=l;var p={};function y(){}function h(){}function v(){}var d={};f(d,a,(function(){return this}));var b=Object.getPrototypeOf,m=b&&b(b(L([])));m&&m!==r&&e.call(m,a)&&(d=m);var g=v.prototype=y.prototype=Object.create(d);function w(t){["next","throw","return"].forEach((function(r){f(t,r,(function(t){return this._invoke(r,t)}))}))}function O(t,r){function n(o,i,a,u){var c=s(t[o],t,i);if("throw"!==c.type){var f=c.arg,l=f.value;return l&&"object"==typeof l&&e.call(l,"__await")?r.resolve(l.__await).then((function(t){n("next",t,a,u)}),(function(t){n("throw",t,a,u)})):r.resolve(l).then((function(t){f.value=t,a(f)}),(function(t){return n("throw",t,a,u)}))}u(c.arg)}var i;o(this,"_invoke",{value:function(t,e){function o(){return new r((function(r,o){n(t,e,r,o)}))}return i=i?i.then(o,o):o()}})}function j(t,r,e){var n="suspendedStart";return function(o,i){if("executing"===n)throw new Error("Generator is already running");if("completed"===n){if("throw"===o)throw i;return _()}for(e.method=o,e.arg=i;;){var a=e.delegate;if(a){var u=P(a,e);if(u){if(u===p)continue;return u}}if("next"===e.method)e.sent=e._sent=e.arg;else if("throw"===e.method){if("suspendedStart"===n)throw n="completed",e.arg;e.dispatchException(e.arg)}else"return"===e.method&&e.abrupt("return",e.arg);n="executing";var c=s(t,r,e);if("normal"===c.type){if(n=e.done?"completed":"suspendedYield",c.arg===p)continue;return{value:c.arg,done:e.done}}"throw"===c.type&&(n="completed",e.method="throw",e.arg=c.arg)}}}function P(t,r){var e=r.method,n=t.iterator[e];if(void 0===n)return r.delegate=null,"throw"===e&&t.iterator.return&&(r.method="return",r.arg=void 0,P(t,r),"throw"===r.method)||"return"!==e&&(r.method="throw",r.arg=new TypeError("The iterator does not provide a '"+e+"' method")),p;var o=s(n,t.iterator,r.arg);if("throw"===o.type)return r.method="throw",r.arg=o.arg,r.delegate=null,p;var i=o.arg;return i?i.done?(r[t.resultName]=i.value,r.next=t.nextLoc,"return"!==r.method&&(r.method="next",r.arg=void 0),r.delegate=null,p):i:(r.method="throw",r.arg=new TypeError("iterator result is not an object"),r.delegate=null,p)}function x(t){var r={tryLoc:t[0]};1 in t&&(r.catchLoc=t[1]),2 in t&&(r.finallyLoc=t[2],r.afterLoc=t[3]),this.tryEntries.push(r)}function S(t){var r=t.completion||{};r.type="normal",delete r.arg,t.completion=r}function E(t){this.tryEntries=[{tryLoc:"root"}],t.forEach(x,this),this.reset(!0)}function L(t){if(t){var r=t[a];if(r)return r.call(t);if("function"==typeof t.next)return t;if(!isNaN(t.length)){var n=-1,o=function r(){for(;++n<t.length;)if(e.call(t,n))return r.value=t[n],r.done=!1,r;return r.value=void 0,r.done=!0,r};return o.next=o}}return{next:_}}function _(){return{value:void 0,done:!0}}return h.prototype=v,o(g,"constructor",{value:v,configurable:!0}),o(v,"constructor",{value:h,configurable:!0}),h.displayName=f(v,c,"GeneratorFunction"),t.isGeneratorFunction=function(t){var r="function"==typeof t&&t.constructor;return!!r&&(r===h||"GeneratorFunction"===(r.displayName||r.name))},t.mark=function(t){return Object.setPrototypeOf?Object.setPrototypeOf(t,v):(t.__proto__=v,f(t,c,"GeneratorFunction")),t.prototype=Object.create(g),t},t.awrap=function(t){return{__await:t}},w(O.prototype),f(O.prototype,u,(function(){return this})),t.AsyncIterator=O,t.async=function(r,e,n,o,i){void 0===i&&(i=Promise);var a=new O(l(r,e,n,o),i);return t.isGeneratorFunction(e)?a:a.next().then((function(t){return t.done?t.value:a.next()}))},w(g),f(g,c,"Generator"),f(g,a,(function(){return this})),f(g,"toString",(function(){return"[object Generator]"})),t.keys=function(t){var r=Object(t),e=[];for(var n in r)e.push(n);return e.reverse(),function t(){for(;e.length;){var n=e.pop();if(n in r)return t.value=n,t.done=!1,t}return t.done=!0,t}},t.values=L,E.prototype={constructor:E,reset:function(t){if(this.prev=0,this.next=0,this.sent=this._sent=void 0,this.done=!1,this.delegate=null,this.method="next",this.arg=void 0,this.tryEntries.forEach(S),!t)for(var r in this)"t"===r.charAt(0)&&e.call(this,r)&&!isNaN(+r.slice(1))&&(this[r]=void 0)},stop:function(){this.done=!0;var t=this.tryEntries[0].completion;if("throw"===t.type)throw t.arg;return this.rval},dispatchException:function(t){if(this.done)throw t;var r=this;function n(e,n){return a.type="throw",a.arg=t,r.next=e,n&&(r.method="next",r.arg=void 0),!!n}for(var o=this.tryEntries.length-1;o>=0;--o){var i=this.tryEntries[o],a=i.completion;if("root"===i.tryLoc)return n("end");if(i.tryLoc<=this.prev){var u=e.call(i,"catchLoc"),c=e.call(i,"finallyLoc");if(u&&c){if(this.prev<i.catchLoc)return n(i.catchLoc,!0);if(this.prev<i.finallyLoc)return n(i.finallyLoc)}else if(u){if(this.prev<i.catchLoc)return n(i.catchLoc,!0)}else{if(!c)throw new Error("try statement without catch or finally");if(this.prev<i.finallyLoc)return n(i.finallyLoc)}}}},abrupt:function(t,r){for(var n=this.tryEntries.length-1;n>=0;--n){var o=this.tryEntries[n];if(o.tryLoc<=this.prev&&e.call(o,"finallyLoc")&&this.prev<o.finallyLoc){var i=o;break}}i&&("break"===t||"continue"===t)&&i.tryLoc<=r&&r<=i.finallyLoc&&(i=null);var a=i?i.completion:{};return a.type=t,a.arg=r,i?(this.method="next",this.next=i.finallyLoc,p):this.complete(a)},complete:function(t,r){if("throw"===t.type)throw t.arg;return"break"===t.type||"continue"===t.type?this.next=t.arg:"return"===t.type?(this.rval=this.arg=t.arg,this.method="return",this.next="end"):"normal"===t.type&&r&&(this.next=r),p},finish:function(t){for(var r=this.tryEntries.length-1;r>=0;--r){var e=this.tryEntries[r];if(e.finallyLoc===t)return this.complete(e.completion,e.afterLoc),S(e),p}},catch:function(t){for(var r=this.tryEntries.length-1;r>=0;--r){var e=this.tryEntries[r];if(e.tryLoc===t){var n=e.completion;if("throw"===n.type){var o=n.arg;S(e)}return o}}throw new Error("illegal catch attempt")},delegateYield:function(t,r,e){return this.delegate={iterator:L(t),resultName:r,nextLoc:e},"next"===this.method&&(this.arg=void 0),p}},t}function o(t){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},o(t)}function i(t,r,e,n,o,i,a){try{var u=t[i](a),c=u.value}catch(t){return void e(t)}u.done?r(c):Promise.resolve(c).then(n,o)}function a(t){return function(){var r=this,e=arguments;return new Promise((function(n,o){var a=t.apply(r,e);function u(t){i(a,n,o,u,c,"next",t)}function c(t){i(a,n,o,u,c,"throw",t)}u(void 0)}))}}function u(t,r){if(!(t instanceof r))throw new TypeError("Cannot call a class as a function")}function c(t,r){for(var e=0;e<r.length;e++){var n=r[e];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(t,F(n.key),n)}}function f(t,r,e){return r&&c(t.prototype,r),e&&c(t,e),Object.defineProperty(t,"prototype",{writable:!1}),t}function l(t,r,e){return(r=F(r))in t?Object.defineProperty(t,r,{value:e,enumerable:!0,configurable:!0,writable:!0}):t[r]=e,t}function s(){return s=Object.assign?Object.assign.bind():function(t){for(var r=1;r<arguments.length;r++){var e=arguments[r];for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&(t[n]=e[n])}return t},s.apply(this,arguments)}function p(t,r){if("function"!=typeof r&&null!==r)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(r&&r.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),Object.defineProperty(t,"prototype",{writable:!1}),r&&h(t,r)}function y(t){return y=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(t){return t.__proto__||Object.getPrototypeOf(t)},y(t)}function h(t,r){return h=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(t,r){return t.__proto__=r,t},h(t,r)}function v(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}function d(t,r,e){return d=v()?Reflect.construct.bind():function(t,r,e){var n=[null];n.push.apply(n,r);var o=new(Function.bind.apply(t,n));return e&&h(o,e.prototype),o},d.apply(null,arguments)}function b(t){return-1!==Function.toString.call(t).indexOf("[native code]")}function m(t){var r="function"==typeof Map?new Map:void 0;return m=function(t){if(null===t||!b(t))return t;if("function"!=typeof t)throw new TypeError("Super expression must either be null or a function");if(void 0!==r){if(r.has(t))return r.get(t);r.set(t,e)}function e(){return d(t,arguments,y(this).constructor)}return e.prototype=Object.create(t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),h(e,t)},m(t)}function g(t,r){if(null==t)return{};var e,n,o={},i=Object.keys(t);for(n=0;n<i.length;n++)e=i[n],r.indexOf(e)>=0||(o[e]=t[e]);return o}function w(t,r){if(null==t)return{};var e,n,o=g(t,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(t);for(n=0;n<i.length;n++)e=i[n],r.indexOf(e)>=0||Object.prototype.propertyIsEnumerable.call(t,e)&&(o[e]=t[e])}return o}function O(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}function j(t,r){if(r&&("object"==typeof r||"function"==typeof r))return r;if(void 0!==r)throw new TypeError("Derived constructors may only return object or undefined");return O(t)}function P(t){var r=v();return function(){var e,n=y(t);if(r){var o=y(this).constructor;e=Reflect.construct(n,arguments,o)}else e=n.apply(this,arguments);return j(this,e)}}function x(r,e){return L(r)||t(r,e)||T(r,e)||k()}function S(t){return E(t)||_(t)||T(t)||I()}function E(t){if(Array.isArray(t))return A(t)}function L(t){if(Array.isArray(t))return t}function _(t){if("undefined"!=typeof Symbol&&null!=t[Symbol.iterator]||null!=t["@@iterator"])return Array.from(t)}function T(t,r){if(t){if("string"==typeof t)return A(t,r);var e=Object.prototype.toString.call(t).slice(8,-1);return"Object"===e&&t.constructor&&(e=t.constructor.name),"Map"===e||"Set"===e?Array.from(t):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?A(t,r):void 0}}function A(t,r){(null==r||r>t.length)&&(r=t.length);for(var e=0,n=new Array(r);e<r;e++)n[e]=t[e];return n}function I(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function k(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function N(t,r){var e="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!e){if(Array.isArray(t)||(e=T(t))||r&&t&&"number"==typeof t.length){e&&(t=e);var n=0,o=function(){};return{s:o,n:function(){return n>=t.length?{done:!0}:{done:!1,value:t[n++]}},e:function(t){throw t},f:o}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var i,a=!0,u=!1;return{s:function(){e=e.call(t)},n:function(){var t=e.next();return a=t.done,t},e:function(t){u=!0,i=t},f:function(){try{a||null==e.return||e.return()}finally{if(u)throw i}}}}function R(t,r){if("object"!=typeof t||null===t)return t;var e=t[Symbol.toPrimitive];if(void 0!==e){var n=e.call(t,r||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(t)}function F(t){var r=R(t,"string");return"symbol"==typeof r?r:String(r)}export{A as arrayLikeToArray,L as arrayWithHoles,E as arrayWithoutHoles,O as assertThisInitialized,a as asyncToGenerator,u as classCallCheck,d as construct,f as createClass,N as createForOfIteratorHelper,P as createSuper,l as defineProperty,s as extends,y as getPrototypeOf,p as inherits,b as isNativeFunction,v as isNativeReflectConstruct,_ as iterableToArray,t as iterableToArrayLimit,k as nonIterableRest,I as nonIterableSpread,e as objectSpread2,w as objectWithoutProperties,g as objectWithoutPropertiesLoose,j as possibleConstructorReturn,n as regeneratorRuntime,h as setPrototypeOf,x as slicedToArray,S as toConsumableArray,R as toPrimitive,F as toPropertyKey,o as typeof,T as unsupportedIterableToArray,m as wrapNativeSuper};
+function n(n,t,r,e,o,a,i){try{var c=n[a](i),s=c.value}catch(n){return void r(n)}c.done?t(s):Promise.resolve(s).then(e,o)}function t(t){return function(){var r=this,e=arguments;return new Promise((function(o,a){var i=t.apply(r,e);function c(t){n(i,o,a,c,s,"next",t)}function s(t){n(i,o,a,c,s,"throw",t)}c(void 0)}))}}function r(){return r=Object.assign?Object.assign.bind():function(n){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var e in r)Object.prototype.hasOwnProperty.call(r,e)&&(n[e]=r[e])}return n},r.apply(this,arguments)}export{t as asyncToGenerator,r as extends};
 //# sourceMappingURL=_rollupPluginBabelHelpers.js.map

package/dist/lib/esm/node_modules/core-js/internals/shared.js

@@ -1,2 +1,2 @@
-import{__module as o}from"../../../_virtual/shared.js";import{s as r}from"./shared-store.js";var s=r;(o.exports=function(o,r){return s[o]||(s[o]=void 0!==r?r:{})})("versions",[]).push({version:"3.30.2",mode:"global",copyright:"© 2014-2023 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.30.2/LICENSE",source:"https://github.com/zloirock/core-js"});var e=o.exports;export{e as s};
+import{__module as o}from"../../../_virtual/shared.js";import{s as r}from"./shared-store.js";var s=r;(o.exports=function(o,r){return s[o]||(s[o]=void 0!==r?r:{})})("versions",[]).push({version:"3.31.0",mode:"global",copyright:"© 2014-2023 Denis Pushkarev (zloirock.ru)",license:"https://github.com/zloirock/core-js/blob/v3.31.0/LICENSE",source:"https://github.com/zloirock/core-js"});var e=o.exports;export{e as s};
 //# sourceMappingURL=shared.js.map

package/dist/lib/esm/node_modules/core-js/internals/shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared.js","sources":["../../../../../../node_modules/core-js/internals/shared.js"],"sourcesContent":["var IS_PURE = require('../internals/is-pure');\nvar store = require('../internals/shared-store');\n\n(module.exports = function (key, value) {\n  return store[key] || (store[key] = value !== undefined ? value : {});\n})('versions', []).push({\n  version: '3.30.2',\n  mode: IS_PURE ? 'pure' : 'global',\n  copyright: '© 2014-2023 Denis Pushkarev (zloirock.ru)',\n  license: 'https://github.com/zloirock/core-js/blob/v3.30.2/LICENSE',\n  source: 'https://github.com/zloirock/core-js'\n});\n"],"names":["store","require$$1","sharedModule","key","value","undefined","push","version","mode","copyright","license","source"],"mappings":"6FACA,IAAIA,EAAQC,GAEXC,UAAiB,SAAUC,EAAKC,GAC/B,OAAOJ,EAAMG,KAASH,EAAMG,QAAiBE,IAAVD,EAAsBA,EAAQ,CAAA,EACnE,GAAG,WAAY,IAAIE,KAAK,CACtBC,QAAS,SACTC,KAAyB,SACzBC,UAAW,4CACXC,QAAS,2DACTC,OAAQ"}
+{"version":3,"file":"shared.js","sources":["../../../../../../node_modules/core-js/internals/shared.js"],"sourcesContent":["var IS_PURE = require('../internals/is-pure');\nvar store = require('../internals/shared-store');\n\n(module.exports = function (key, value) {\n  return store[key] || (store[key] = value !== undefined ? value : {});\n})('versions', []).push({\n  version: '3.31.0',\n  mode: IS_PURE ? 'pure' : 'global',\n  copyright: '© 2014-2023 Denis Pushkarev (zloirock.ru)',\n  license: 'https://github.com/zloirock/core-js/blob/v3.31.0/LICENSE',\n  source: 'https://github.com/zloirock/core-js'\n});\n"],"names":["store","require$$1","sharedModule","key","value","undefined","push","version","mode","copyright","license","source"],"mappings":"6FACA,IAAIA,EAAQC,GAEXC,UAAiB,SAAUC,EAAKC,GAC/B,OAAOJ,EAAMG,KAASH,EAAMG,QAAiBE,IAAVD,EAAsBA,EAAQ,CAAA,EACnE,GAAG,WAAY,IAAIE,KAAK,CACtBC,QAAS,SACTC,KAAyB,SACzBC,UAAW,4CACXC,QAAS,2DACTC,OAAQ"}

package/dist/lib/esm/src/core/constants/ui.constants.js

@@ -1,2 +1,2 @@
-var e=function(e){return e.MouseEnter="mouseenter",e.MouseLeave="mouseleave",e.Hover="hover",e.Click="click",e.Focus="focus",e.Blur="blur",e.KeyDown="keydown",e.Scroll="scroll",e}({});export{e as EventName};
+let e=function(e){return e.MouseEnter="mouseenter",e.MouseLeave="mouseleave",e.Hover="hover",e.Click="click",e.Focus="focus",e.Blur="blur",e.KeyDown="keydown",e.Scroll="scroll",e}({});export{e as EventName};
 //# sourceMappingURL=ui.constants.js.map

package/dist/lib/esm/src/core/hooks/useApi.js

@@ -1,2 +1,2 @@
-import{slicedToArray as r,asyncToGenerator as a,regeneratorRuntime as e,objectSpread2 as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useCallback as o}from"react";var l={},c={loading:!1,error:null,data:null},u=function(u,i,s,d,p){var f=n(c),v=r(f,2),g=v[0],m=v[1];l[u]||(l[u]={id:u,caller:i,decorator:s,successHandler:d,errorHandler:p});var H=l[u],b=H.caller,h=H.decorator,w=H.successHandler,x=H.errorHandler,y=o(a(e().mark((function r(){var a,n,o=arguments;return e().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return r.prev=0,m((function(r){return t(t({},r),{},{loading:!0})})),r.next=4,b.apply(void 0,o);case 4:return a=r.sent,n=h?h(a):a,w&&w({data:n,originalData:a.data}),m((function(r){return t(t({},r),{},{loading:!1,error:null,data:n,originalData:a.data})})),r.abrupt("return",n);case 11:throw r.prev=11,r.t0=r.catch(0),x&&x(r.t0),m((function(a){return t(t({},a),{},{loading:!1,error:r.t0})})),r.t0;case 16:case"end":return r.stop()}}),r,null,[[0,11]])}))),[b,h,w,x]);return[y,g]};export{u as useApi};
+import{asyncToGenerator as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{useState as o,useCallback as a}from"react";const e={},l={loading:!1,error:null,data:null},t=(t,n,d,c,s)=>{const[i,u]=o(l);e[t]||(e[t]={id:t,caller:n,decorator:d,successHandler:c,errorHandler:s});const{caller:m,decorator:g,successHandler:p,errorHandler:H}=e[t];return[a(r((function*(){try{u((r=>({...r,loading:!0})));const r=yield m(...arguments),o=g?g(r):r;return p&&p({data:o,originalData:r.data}),u((a=>({...a,loading:!1,error:null,data:o,originalData:r.data}))),o}catch(r){throw H&&H(r),u((o=>({...o,loading:!1,error:r}))),r}})),[m,g,p,H]),i]};export{t as useApi};
 //# sourceMappingURL=useApi.js.map

package/dist/lib/esm/src/core/hooks/useApi.js.map

@@ -1 +1 @@
-{"version":3,"file":"useApi.js","sources":["../../../../../../src/core/hooks/useApi.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\nexport type Data = any | any[] | null\n\nexport type DataFetching = { data?: Data; error?: string | null; loading: boolean; originalData?: Data }\n\ntype Caller = (...args: any[]) => Promise<any>\n\ntype Decorator = (RequestOrResponse: Record<string, any> | any) => Record<string, any>\n\ntype UseApiItem = {\n  id: string\n  caller: Caller\n  decorator?: Decorator\n  successHandler?: (data: any) => void\n  errorHandler?: (data: any) => void\n}\n\nconst map: Record<string, UseApiItem> = {}\n\nconst defaultDataFetching = { loading: false, error: null, data: null }\n\nexport const useApi = (\n  id: string,\n  callerInitial: Caller,\n  decoratorIntitial?: Decorator,\n  successHandler?: (data: any) => void,\n  errorHandler?: (data: any) => void,\n// eslint-disable-next-line function-paren-newline\n): [(...args: any[]) => Promise<any>, DataFetching] => {\n  const [dataFetching, setDataFetching] = useState<DataFetching>(defaultDataFetching)\n\n  // TODO should work the same with useMemo...\n  if (!map[id]) {\n    map[id] = { id, caller: callerInitial, decorator: decoratorIntitial, successHandler, errorHandler }\n  }\n\n  const { caller, decorator, successHandler: onSuccess, errorHandler: onError } = map[id]\n\n  const doCall: () => Promise<any> = useCallback(async(...args: any[]) => {\n    try {\n      setDataFetching((prevState: DataFetching) => ({ ...prevState, loading: true }))\n      const data: Data = await caller(...args)\n      const returnData = decorator ? decorator(data) : data\n\n      onSuccess && onSuccess({ data: returnData, originalData: data.data })\n\n      setDataFetching((prevState: DataFetching) => {\n        const newState = { ...prevState, loading: false, error: null, data: returnData, originalData: data.data }\n\n        return newState\n      })\n\n      return returnData\n    } catch (error: any) {\n      onError && onError(error)\n      setDataFetching((prevState: DataFetching) => ({ ...prevState, loading: false, error }))\n      throw error\n    }\n  }, [caller, decorator, onSuccess, onError])\n\n  return [doCall, dataFetching]\n}\n"],"names":["map","defaultDataFetching","loading","error","data","useApi","id","callerInitial","decoratorIntitial","successHandler","errorHandler","_useState","useState","_useState2","_slicedToArray","dataFetching","setDataFetching","caller","decorator","_map$id","onSuccess","onError","doCall","useCallback","_asyncToGenerator","_regeneratorRuntime","mark","_callee","_data","returnData","_args","arguments","wrap","_context","prev","next","prevState","_objectSpread","apply","sent","originalData","abrupt","t0","stop"],"mappings":"kMAkBA,IAAMA,EAAkC,CAAA,EAElCC,EAAsB,CAAEC,SAAS,EAAOC,MAAO,KAAMC,KAAM,MAEpDC,EAAS,SACpBC,EACAC,EACAC,EACAC,EACAC,GAGA,IAAAC,EAAwCC,EAAuBX,GAAoBY,EAAAC,EAAAH,EAAA,GAA5EI,EAAYF,EAAA,GAAEG,EAAeH,EAAA,GAG/Bb,EAAIM,KACPN,EAAIM,GAAM,CAAEA,GAAAA,EAAIW,OAAQV,EAAeW,UAAWV,EAAmBC,eAAAA,EAAgBC,aAAAA,IAGvF,IAAAS,EAAgFnB,EAAIM,GAA5EW,EAAME,EAANF,OAAQC,EAASC,EAATD,UAA2BE,EAASD,EAAzBV,eAAyCY,EAAOF,EAArBT,aAEhDY,EAA6BC,EAAWC,EAAAC,IAAAC,MAAC,SAAAC,IAAA,IAAAC,EAAAC,EAAAC,EAAAC,UAAA,OAAAN,IAAAO,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,KAAA,EAEoC,OAFpCF,EAAAC,KAAA,EAE3ClB,GAAgB,SAACoB,GAAuB,OAAAC,EAAAA,EAAA,CAAA,EAAWD,GAAS,CAAA,EAAA,CAAElC,SAAS,GAAI,IAAI+B,EAAAE,KAAA,EACtDlB,EAAMqB,WAAA,EAAAR,GAAS,KAAA,EAStC,OATI1B,EAAU6B,EAAAM,KACVV,EAAaX,EAAYA,EAAUd,GAAQA,EAEjDgB,GAAaA,EAAU,CAAEhB,KAAMyB,EAAYW,aAAcpC,EAAKA,OAE9DY,GAAgB,SAACoB,GAGf,OAFcC,EAAAA,KAAQD,GAAS,GAAA,CAAElC,SAAS,EAAOC,MAAO,KAAMC,KAAMyB,EAAYW,aAAcpC,EAAKA,MAGrG,IAAE6B,EAAAQ,OAAA,SAEKZ,GAAU,KAAA,GAGsE,MAHtEI,EAAAC,KAAA,GAAAD,EAAAS,GAAAT,EAAA,MAAA,GAEjBZ,GAAWA,EAAOY,EAAAS,IAClB1B,GAAgB,SAACoB,GAAuB,OAAAC,EAAAA,EAAA,CAAA,EAAWD,GAAS,CAAA,EAAA,CAAElC,SAAS,EAAOC,MAAK8B,EAAAS,IAAA,IAAIT,EAAAS,GAAA,KAAA,GAAA,IAAA,MAAA,OAAAT,EAAAU,OAAA,GAAAhB,EAAA,KAAA,CAAA,CAAA,EAAA,UAGxF,CAACV,EAAQC,EAAWE,EAAWC,IAElC,MAAO,CAACC,EAAQP,EAClB"}
+{"version":3,"file":"useApi.js","sources":["../../../../../../src/core/hooks/useApi.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\nexport type Data = any | any[] | null\n\nexport type DataFetching = { data?: Data; error?: string | null; loading: boolean; originalData?: Data }\n\ntype Caller = (...args: any[]) => Promise<any>\n\ntype Decorator = (RequestOrResponse: Record<string, any> | any) => Record<string, any>\n\ntype UseApiItem = {\n  id: string\n  caller: Caller\n  decorator?: Decorator\n  successHandler?: (data: any) => void\n  errorHandler?: (data: any) => void\n}\n\nconst map: Record<string, UseApiItem> = {}\n\nconst defaultDataFetching = { loading: false, error: null, data: null }\n\nexport const useApi = (\n  id: string,\n  callerInitial: Caller,\n  decoratorIntitial?: Decorator,\n  successHandler?: (data: any) => void,\n  errorHandler?: (data: any) => void,\n// eslint-disable-next-line function-paren-newline\n): [(...args: any[]) => Promise<any>, DataFetching] => {\n  const [dataFetching, setDataFetching] = useState<DataFetching>(defaultDataFetching)\n\n  // TODO should work the same with useMemo...\n  if (!map[id]) {\n    map[id] = { id, caller: callerInitial, decorator: decoratorIntitial, successHandler, errorHandler }\n  }\n\n  const { caller, decorator, successHandler: onSuccess, errorHandler: onError } = map[id]\n\n  const doCall: () => Promise<any> = useCallback(async(...args: any[]) => {\n    try {\n      setDataFetching((prevState: DataFetching) => ({ ...prevState, loading: true }))\n      const data: Data = await caller(...args)\n      const returnData = decorator ? decorator(data) : data\n\n      onSuccess && onSuccess({ data: returnData, originalData: data.data })\n\n      setDataFetching((prevState: DataFetching) => {\n        const newState = { ...prevState, loading: false, error: null, data: returnData, originalData: data.data }\n\n        return newState\n      })\n\n      return returnData\n    } catch (error: any) {\n      onError && onError(error)\n      setDataFetching((prevState: DataFetching) => ({ ...prevState, loading: false, error }))\n      throw error\n    }\n  }, [caller, decorator, onSuccess, onError])\n\n  return [doCall, dataFetching]\n}\n"],"names":["map","defaultDataFetching","loading","error","data","useApi","id","callerInitial","decoratorIntitial","successHandler","errorHandler","dataFetching","setDataFetching","useState","caller","decorator","onSuccess","onError","useCallback","_asyncToGenerator","prevState","arguments","returnData","originalData"],"mappings":"kNAkBA,MAAMA,EAAkC,CAAA,EAElCC,EAAsB,CAAEC,SAAS,EAAOC,MAAO,KAAMC,KAAM,MAEpDC,EAASA,CACpBC,EACAC,EACAC,EACAC,EACAC,KAGA,MAAOC,EAAcC,GAAmBC,EAAuBZ,GAG1DD,EAAIM,KACPN,EAAIM,GAAM,CAAEA,KAAIQ,OAAQP,EAAeQ,UAAWP,EAAmBC,iBAAgBC,iBAGvF,MAAMI,OAAEA,EAAMC,UAAEA,EAAWN,eAAgBO,EAAWN,aAAcO,GAAYjB,EAAIM,GAwBpF,MAAO,CAtB4BY,EAAWC,GAAC,YAC7C,IACEP,GAAiBQ,IAA6B,IAAKA,EAAWlB,SAAS,MACvE,MAAME,QAAmBU,KAAOO,WAC1BC,EAAaP,EAAYA,EAAUX,GAAQA,EAUjD,OARAY,GAAaA,EAAU,CAAEZ,KAAMkB,EAAYC,aAAcnB,EAAKA,OAE9DQ,GAAiBQ,IACE,IAAKA,EAAWlB,SAAS,EAAOC,MAAO,KAAMC,KAAMkB,EAAYC,aAAcnB,EAAKA,SAK9FkB,CACR,CAAC,MAAOnB,GAGP,MAFAc,GAAWA,EAAQd,GACnBS,GAAiBQ,IAA6B,IAAKA,EAAWlB,SAAS,EAAOC,YACxEA,CACR,KACC,CAACW,EAAQC,EAAWC,EAAWC,IAElBN,EAAa"}

package/dist/lib/esm/src/core/hooks/useClassNames.js

@@ -1,2 +1,2 @@
-import{toConsumableArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useMemo as o}from"react";import{classNames as t}from"../utils/helpers/ui.js";var e=function(e,i){return o((function(){return t.apply(void 0,r(e))}),[e,i])};export{e as useClassNames};
+import"../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{useMemo as o}from"react";import{classNames as e}from"../utils/helpers/ui.js";const r=(r,t)=>o((()=>e(...r)),[r,t]);export{r as useClassNames};
 //# sourceMappingURL=useClassNames.js.map

package/dist/lib/esm/src/core/hooks/useClassNames.js.map

@@ -1 +1 @@
-{"version":3,"file":"useClassNames.js","sources":["../../../../../../src/core/hooks/useClassNames.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { classNames, TClassName } from '../utils/helpers/ui'\n\nexport const useClassNames = (\n  classes: TClassName[],\n  deps: unknown[],\n// eslint-disable-next-line react-hooks/exhaustive-deps\n) => useMemo(() => classNames(...classes), [classes, deps])\n"],"names":["useClassNames","classes","deps","useMemo","classNames","apply","_toConsumableArray"],"mappings":"2KAIaA,EAAgB,SAC3BC,EACAC,GACF,OACKC,GAAQ,WAAA,OAAMC,EAAUC,aAAAC,EAAIL,GAAQ,GAAE,CAACA,EAASC,GAAM"}
+{"version":3,"file":"useClassNames.js","sources":["../../../../../../src/core/hooks/useClassNames.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { classNames, TClassName } from '../utils/helpers/ui'\n\nexport const useClassNames = (\n  classes: TClassName[],\n  deps: unknown[],\n// eslint-disable-next-line react-hooks/exhaustive-deps\n) => useMemo(() => classNames(...classes), [classes, deps])\n"],"names":["useClassNames","classes","deps","useMemo","classNames"],"mappings":"kKAIaA,MAAAA,EAAgBA,CAC3BC,EACAC,IAEGC,GAAQ,IAAMC,KAAcH,IAAU,CAACA,EAASC"}

package/dist/lib/esm/src/core/hooks/useOutsideClick.js

@@ -1,2 +1,2 @@
-import{useCallback as t,useEffect as n}from"react";import{EventName as e}from"../constants/ui.constants.js";import{handleClickOutside as r}from"../ui/utils/clickOutside.js";function i(i,o){var c=arguments.length>2&&void 0!==arguments[2]?arguments[2]:r(i,o),u=t((function(){return document.removeEventListener(e.Click,c)}),[]);return n((function(){return u(),document.addEventListener(e.Click,c),u}),[i,c,u]),u}function o(t,n){var i=arguments.length>2&&void 0!==arguments[2]?arguments[2]:r(t,n);return document.addEventListener(e.Click,i),function(){return document.removeEventListener(e.Click,i)}}export{o as outsideClickHandler,i as useOutsideClick};
+import{useCallback as t,useEffect as e}from"react";import{EventName as n}from"../constants/ui.constants.js";import{handleClickOutside as i}from"../ui/utils/clickOutside.js";function o(o,r){let c=arguments.length>2&&void 0!==arguments[2]?arguments[2]:i(o,r);const s=t((()=>document.removeEventListener(n.Click,c)),[]);return e((()=>(s(),document.addEventListener(n.Click,c),s)),[o,c,s]),s}function r(t,e){let o=arguments.length>2&&void 0!==arguments[2]?arguments[2]:i(t,e);return document.addEventListener(n.Click,o),()=>document.removeEventListener(n.Click,o)}export{r as outsideClickHandler,o as useOutsideClick};
 //# sourceMappingURL=useOutsideClick.js.map

package/dist/lib/esm/src/core/hooks/useOutsideClick.js.map

@@ -1 +1 @@
-{"version":3,"file":"useOutsideClick.js","sources":["../../../../../../src/core/hooks/useOutsideClick.ts"],"sourcesContent":["import { useEffect, useCallback } from 'react'\n\nimport { EventName } from '../constants/ui.constants'\nimport { handleClickOutside as defaultHandleClickOutside } from '../ui/utils/clickOutside'\n\ntype Element = HTMLElement | null | (() => HTMLElement)\ntype CallbackFunction = (target: HTMLElement | null) => void\n\nexport function useOutsideClick(\n  element: Element,\n  callback?: CallbackFunction,\n  handleClickOutside = defaultHandleClickOutside(element, callback),\n): () => void {\n  const unsubscriber = useCallback(() => document.removeEventListener(EventName.Click, handleClickOutside), [])\n\n  useEffect(() => {\n    unsubscriber()\n    document.addEventListener(EventName.Click, handleClickOutside)\n\n    return unsubscriber\n  }, [element, handleClickOutside, unsubscriber])\n\n  return unsubscriber\n}\n\nexport function outsideClickHandler(\n  element: Element,\n  callback?: CallbackFunction,\n  handleClickOutside = defaultHandleClickOutside(element, callback),\n): () => void {\n  const unsubscriber = () => document.removeEventListener(EventName.Click, handleClickOutside)\n\n  document.addEventListener(EventName.Click, handleClickOutside)\n\n  return unsubscriber\n}\n"],"names":["useOutsideClick","element","callback","handleClickOutside","arguments","length","undefined","defaultHandleClickOutside","unsubscriber","useCallback","document","removeEventListener","EventName","Click","useEffect","addEventListener","outsideClickHandler"],"mappings":"6KAQO,SAASA,EACdC,EACAC,GAEY,IADZC,EAAkBC,UAAAC,eAAAC,IAAAF,UAAA,GAAAA,UAAGG,GAAAA,EAA0BN,EAASC,GAElDM,EAAeC,GAAY,WAAA,OAAMC,SAASC,oBAAoBC,EAAUC,MAAOV,EAAmB,GAAE,IAS1G,OAPAW,GAAU,WAIR,OAHAN,IACAE,SAASK,iBAAiBH,EAAUC,MAAOV,GAEpCK,CACR,GAAE,CAACP,EAASE,EAAoBK,IAE1BA,CACT,CAEO,SAASQ,EACdf,EACAC,GAEY,IADZC,EAAkBC,UAAAC,eAAAC,IAAAF,UAAA,GAAAA,UAAGG,GAAAA,EAA0BN,EAASC,GAMxD,OAFAQ,SAASK,iBAAiBH,EAAUC,MAAOV,GAFtB,WAAH,OAASO,SAASC,oBAAoBC,EAAUC,MAAOV,EAAmB,CAK9F"}
+{"version":3,"file":"useOutsideClick.js","sources":["../../../../../../src/core/hooks/useOutsideClick.ts"],"sourcesContent":["import { useEffect, useCallback } from 'react'\n\nimport { EventName } from '../constants/ui.constants'\nimport { handleClickOutside as defaultHandleClickOutside } from '../ui/utils/clickOutside'\n\ntype Element = HTMLElement | null | (() => HTMLElement)\ntype CallbackFunction = (target: HTMLElement | null) => void\n\nexport function useOutsideClick(\n  element: Element,\n  callback?: CallbackFunction,\n  handleClickOutside = defaultHandleClickOutside(element, callback),\n): () => void {\n  const unsubscriber = useCallback(() => document.removeEventListener(EventName.Click, handleClickOutside), [])\n\n  useEffect(() => {\n    unsubscriber()\n    document.addEventListener(EventName.Click, handleClickOutside)\n\n    return unsubscriber\n  }, [element, handleClickOutside, unsubscriber])\n\n  return unsubscriber\n}\n\nexport function outsideClickHandler(\n  element: Element,\n  callback?: CallbackFunction,\n  handleClickOutside = defaultHandleClickOutside(element, callback),\n): () => void {\n  const unsubscriber = () => document.removeEventListener(EventName.Click, handleClickOutside)\n\n  document.addEventListener(EventName.Click, handleClickOutside)\n\n  return unsubscriber\n}\n"],"names":["useOutsideClick","element","callback","handleClickOutside","arguments","length","undefined","defaultHandleClickOutside","unsubscriber","useCallback","document","removeEventListener","EventName","Click","useEffect","addEventListener","outsideClickHandler"],"mappings":"6KAQO,SAASA,EACdC,EACAC,GAEY,IADZC,EAAkBC,UAAAC,eAAAC,IAAAF,UAAA,GAAAA,UAAGG,GAAAA,EAA0BN,EAASC,GAExD,MAAMM,EAAeC,GAAY,IAAMC,SAASC,oBAAoBC,EAAUC,MAAOV,IAAqB,IAS1G,OAPAW,GAAU,KACRN,IACAE,SAASK,iBAAiBH,EAAUC,MAAOV,GAEpCK,IACN,CAACP,EAASE,EAAoBK,IAE1BA,CACT,CAEO,SAASQ,EACdf,EACAC,GAEY,IADZC,EAAkBC,UAAAC,eAAAC,IAAAF,UAAA,GAAAA,UAAGG,GAAAA,EAA0BN,EAASC,GAMxD,OAFAQ,SAASK,iBAAiBH,EAAUC,MAAOV,GAFtBK,IAAME,SAASC,oBAAoBC,EAAUC,MAAOV,EAK3E"}

package/dist/lib/esm/src/core/hooks/useParseProps.js

@@ -1,2 +1,2 @@
-import{useMemo as r}from"react";import{parseProps as t}from"../utils/helpers/ui.js";var o=function(o){return r((function(){return t(o)}),[o])};export{o as useParseProps};
+import{useMemo as r}from"react";import{parseProps as o}from"../utils/helpers/ui.js";const t=t=>r((()=>o(t)),[t]);export{t as useParseProps};
 //# sourceMappingURL=useParseProps.js.map

package/dist/lib/esm/src/core/hooks/useParseProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"useParseProps.js","sources":["../../../../../../src/core/hooks/useParseProps.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { parseProps } from '../utils/helpers/ui'\n\n\nexport const useParseProps = (props: Record<string, unknown>): ReturnType<typeof parseProps> => {\n  const propsCategories = useMemo(() => parseProps(props), [props])\n\n  return propsCategories\n}\n"],"names":["useParseProps","props","useMemo","parseProps"],"mappings":"wFAKaA,EAAgB,SAACC,GAG5B,OAFwBC,GAAQ,WAAA,OAAMC,EAAWF,KAAQ,CAACA,GAG5D"}
+{"version":3,"file":"useParseProps.js","sources":["../../../../../../src/core/hooks/useParseProps.ts"],"sourcesContent":["import { useMemo } from 'react'\n\nimport { parseProps } from '../utils/helpers/ui'\n\n\nexport const useParseProps = (props: Record<string, unknown>): ReturnType<typeof parseProps> => {\n  const propsCategories = useMemo(() => parseProps(props), [props])\n\n  return propsCategories\n}\n"],"names":["useParseProps","props","useMemo","parseProps"],"mappings":"oFAKaA,MAAAA,EAAiBC,GACJC,GAAQ,IAAMC,EAAWF,IAAQ,CAACA"}

package/dist/lib/esm/src/core/hooks/useResize.js

@@ -1,2 +1,2 @@
-import{slicedToArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as e,useRef as i,useMemo as n,useLayoutEffect as r}from"react";import l from"../../../node_modules/lodash-es/debounce.js";var o=function(){var o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:250,u=arguments.length>1?arguments[1]:void 0,d=e({width:void 0,height:void 0}),v=t(d,2),c=v[0],h=v[1],a=i({width:0,height:0}),g=i(),s=i(),f=n((function(){return l((function(t){var e,i,n,r,l=t[0].contentRect.width,o=t[0].contentRect.height;(null===(e=a.current)||void 0===e?void 0:e.width)===l&&(null===(i=a.current)||void 0===i?void 0:i.height)===o||(a.current={width:l,height:o},(u||h)({width:null==g||null===(n=g.current)||void 0===n?void 0:n.clientWidth,height:null==g||null===(r=g.current)||void 0===r?void 0:r.clientHeight}))}),o)}),[u,o]);return r((function(){var t,e,i,n;null!=g&&g.current&&(e=null==g?void 0:g.current,(t=new ResizeObserver(f)).observe(e),(u||h)({width:null==g||null===(i=g.current)||void 0===i?void 0:i.clientWidth,height:null==g||null===(n=g.current)||void 0===n?void 0:n.clientHeight}));var r=function(){var i,n;null===(i=t)||void 0===i||null===(n=i.unobserve)||void 0===n||n.call(i,e)};return s.current=r,r}),[f,g,u]),[g,c,s.current]};export{o as useResize};
+import"../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{useState as t,useRef as e,useMemo as n,useLayoutEffect as i}from"react";import o from"../../../node_modules/lodash-es/debounce.js";const l=function(){let l=arguments.length>0&&void 0!==arguments[0]?arguments[0]:250,r=arguments.length>1?arguments[1]:void 0;const[d,u]=t({width:void 0,height:void 0}),c=e({width:0,height:0}),h=e(),v=e(),s=n((()=>o((t=>{var e,n,i,o;const l=t[0].contentRect.width,d=t[0].contentRect.height;(null===(e=c.current)||void 0===e?void 0:e.width)===l&&(null===(n=c.current)||void 0===n?void 0:n.height)===d||(c.current={width:l,height:d},(r||u)({width:null==h||null===(i=h.current)||void 0===i?void 0:i.clientWidth,height:null==h||null===(o=h.current)||void 0===o?void 0:o.clientHeight}))}),l)),[r,l]);return i((()=>{let t,e;var n,i;null!=h&&h.current&&(e=null==h?void 0:h.current,t=new ResizeObserver(s),t.observe(e),(r||u)({width:null==h||null===(n=h.current)||void 0===n?void 0:n.clientWidth,height:null==h||null===(i=h.current)||void 0===i?void 0:i.clientHeight}));const o=()=>{var n,i;null===(n=t)||void 0===n||null===(i=n.unobserve)||void 0===i||i.call(n,e)};return v.current=o,o}),[s,h,r]),[h,d,v.current]};export{l as useResize};
 //# sourceMappingURL=useResize.js.map

package/dist/lib/esm/src/core/hooks/useResize.js.map

@@ -1 +1 @@
-{"version":3,"file":"useResize.js","sources":["../../../../../../src/core/hooks/useResize.ts"],"sourcesContent":["import { MutableRefObject, useLayoutEffect, useMemo, useState, useRef } from 'react'\nimport debounce from 'lodash-es/debounce'\n\nexport type WrapperSize = {width: undefined | number; height: undefined | number}\n\n// const DefaultUnobserver = () => null\n\ntype Unobserver = () => (null | void)\n\nexport type UseResizeCallBack = (wrapperSize: WrapperSize) => void\n\n// eslint-disable-next-line default-param-last\nexport const useResize = (debounceDelay = 250, callBack?: UseResizeCallBack): [\n  MutableRefObject<HTMLElement | null | undefined>, WrapperSize, Unobserver | undefined] => {\n  const [containerSize, setContainerSize]\n    = useState<WrapperSize>({ width: undefined, height: undefined })\n\n  const lastResizeWidthRef = useRef<WrapperSize>({ width: 0, height: 0 })\n  const containerRef: MutableRefObject<HTMLElement | undefined | null> = useRef<HTMLElement | undefined | null>()\n  const unobserverRef = useRef<Unobserver>()\n\n  const debouncedResizeWrapper = useMemo(() => debounce((entries) => {\n    const newResizeWidth = entries[0].contentRect.width\n    const newResizeHeight = entries[0].contentRect.height\n\n    if (lastResizeWidthRef.current?.width === newResizeWidth\n      && lastResizeWidthRef.current?.height === newResizeHeight) {\n      return\n    }\n    lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight }\n\n    // eslint-disable-next-line semi-style\n    ;(callBack || setContainerSize)({\n      width: containerRef?.current?.clientWidth,\n      height: containerRef?.current?.clientHeight,\n    })\n  }, debounceDelay), [callBack, debounceDelay])\n\n  useLayoutEffect(() => {\n    let resizeObserver: ResizeObserver\n    let containerElement: HTMLElement\n\n    if (containerRef?.current) {\n      containerElement = containerRef?.current\n      resizeObserver = new ResizeObserver(debouncedResizeWrapper)\n      resizeObserver.observe(containerElement as Element)\n\n      // eslint-disable-next-line semi-style\n      ;(callBack || setContainerSize)({\n        width: containerRef?.current?.clientWidth,\n        height: containerRef?.current?.clientHeight,\n      })\n    }\n    const unobserver = () => {\n      resizeObserver?.unobserve?.(containerElement as Element)\n    }\n\n    // setUnobserver(unobserver)\n    unobserverRef.current = unobserver\n\n    return unobserver\n  }, [debouncedResizeWrapper, containerRef, callBack])\n\n  return [containerRef, containerSize, unobserverRef.current]\n}\n"],"names":["useResize","debounceDelay","arguments","length","undefined","callBack","_useState","useState","width","height","_useState2","_slicedToArray","containerSize","setContainerSize","lastResizeWidthRef","useRef","containerRef","unobserverRef","debouncedResizeWrapper","useMemo","debounce","entries","_lastResizeWidthRef$c","_lastResizeWidthRef$c2","_containerRef$current","_containerRef$current2","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","_containerRef$current3","_containerRef$current4","ResizeObserver","observe","unobserver","_resizeObserver","_resizeObserver$unobs","unobserve","call"],"mappings":"6NAYaA,EAAY,WACmE,IADlEC,EAAaC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,IAAKG,EAA4BH,UAAAC,OAAAD,EAAAA,kBAAAE,EAEzEE,EACIC,EAAsB,CAAEC,WAAOJ,EAAWK,YAAQL,IAAYM,EAAAC,EAAAL,EAAA,GAD3DM,EAAaF,EAAA,GAAEG,EAAgBH,EAAA,GAGhCI,EAAqBC,EAAoB,CAAEP,MAAO,EAAGC,OAAQ,IAC7DO,EAAiED,IACjEE,EAAgBF,IAEhBG,EAAyBC,GAAQ,WAAA,OAAMC,GAAS,SAACC,GAAY,IAAAC,EAAAC,EAAAC,EAAAC,EAC3DC,EAAiBL,EAAQ,GAAGM,YAAYnB,MACxCoB,EAAkBP,EAAQ,GAAGM,YAAYlB,QAEjBa,QAA1BA,EAAAR,EAAmBe,eAAnBP,IAA0BA,OAA1BA,EAAAA,EAA4Bd,SAAUkB,IACX,QAA1BH,EAAAT,EAAmBe,eAAO,IAAAN,OAAA,EAA1BA,EAA4Bd,UAAWmB,IAG5Cd,EAAmBe,QAAU,CAAErB,MAAOkB,EAAgBjB,OAAQmB,IAG5DvB,GAAYQ,GAAkB,CAC9BL,MAAOQ,SAAqBQ,QAATA,EAAZR,EAAca,eAAdL,IAAqBA,SAArBA,EAAuBM,YAC9BrB,OAAQO,SAAqB,QAATS,EAAZT,EAAca,eAAO,IAAAJ,SAArBA,EAAuBM,eAElC,GAAE9B,EAAc,GAAE,CAACI,EAAUJ,IA2B9B,OAzBA+B,GAAgB,WACd,IAAIC,EACAC,EAEuBC,EAAAC,EAAvBpB,SAAAA,EAAca,UAChBK,EAAmBlB,aAAAA,EAAAA,EAAca,SACjCI,EAAiB,IAAII,eAAenB,IACrBoB,QAAQJ,IAGrB7B,GAAYQ,GAAkB,CAC9BL,MAAOQ,SAAqBmB,QAATA,EAAZnB,EAAca,eAAdM,IAAqBA,SAArBA,EAAuBL,YAC9BrB,OAAQO,SAAqB,QAAToB,EAAZpB,EAAca,eAAO,IAAAO,SAArBA,EAAuBL,gBAGnC,IAAMQ,EAAa,WAAM,IAAAC,EAAAC,EACT,QAAdD,EAAAP,SAAcQ,IAAAD,GAAWC,QAAXA,EAAdD,EAAgBE,qBAASD,GAAzBA,EAAAE,KAAAH,EAA4BN,IAM9B,OAFAjB,EAAcY,QAAUU,EAEjBA,CACR,GAAE,CAACrB,EAAwBF,EAAcX,IAEnC,CAACW,EAAcJ,EAAeK,EAAcY,QACrD"}
+{"version":3,"file":"useResize.js","sources":["../../../../../../src/core/hooks/useResize.ts"],"sourcesContent":["import { MutableRefObject, useLayoutEffect, useMemo, useState, useRef } from 'react'\nimport debounce from 'lodash-es/debounce'\n\nexport type WrapperSize = {width: undefined | number; height: undefined | number}\n\n// const DefaultUnobserver = () => null\n\ntype Unobserver = () => (null | void)\n\nexport type UseResizeCallBack = (wrapperSize: WrapperSize) => void\n\n// eslint-disable-next-line default-param-last\nexport const useResize = (debounceDelay = 250, callBack?: UseResizeCallBack): [\n  MutableRefObject<HTMLElement | null | undefined>, WrapperSize, Unobserver | undefined] => {\n  const [containerSize, setContainerSize]\n    = useState<WrapperSize>({ width: undefined, height: undefined })\n\n  const lastResizeWidthRef = useRef<WrapperSize>({ width: 0, height: 0 })\n  const containerRef: MutableRefObject<HTMLElement | undefined | null> = useRef<HTMLElement | undefined | null>()\n  const unobserverRef = useRef<Unobserver>()\n\n  const debouncedResizeWrapper = useMemo(() => debounce((entries) => {\n    const newResizeWidth = entries[0].contentRect.width\n    const newResizeHeight = entries[0].contentRect.height\n\n    if (lastResizeWidthRef.current?.width === newResizeWidth\n      && lastResizeWidthRef.current?.height === newResizeHeight) {\n      return\n    }\n    lastResizeWidthRef.current = { width: newResizeWidth, height: newResizeHeight }\n\n    // eslint-disable-next-line semi-style\n    ;(callBack || setContainerSize)({\n      width: containerRef?.current?.clientWidth,\n      height: containerRef?.current?.clientHeight,\n    })\n  }, debounceDelay), [callBack, debounceDelay])\n\n  useLayoutEffect(() => {\n    let resizeObserver: ResizeObserver\n    let containerElement: HTMLElement\n\n    if (containerRef?.current) {\n      containerElement = containerRef?.current\n      resizeObserver = new ResizeObserver(debouncedResizeWrapper)\n      resizeObserver.observe(containerElement as Element)\n\n      // eslint-disable-next-line semi-style\n      ;(callBack || setContainerSize)({\n        width: containerRef?.current?.clientWidth,\n        height: containerRef?.current?.clientHeight,\n      })\n    }\n    const unobserver = () => {\n      resizeObserver?.unobserve?.(containerElement as Element)\n    }\n\n    // setUnobserver(unobserver)\n    unobserverRef.current = unobserver\n\n    return unobserver\n  }, [debouncedResizeWrapper, containerRef, callBack])\n\n  return [containerRef, containerSize, unobserverRef.current]\n}\n"],"names":["useResize","debounceDelay","arguments","length","undefined","callBack","containerSize","setContainerSize","useState","width","height","lastResizeWidthRef","useRef","containerRef","unobserverRef","debouncedResizeWrapper","useMemo","debounce","entries","_lastResizeWidthRef$c","_lastResizeWidthRef$c2","_containerRef$current","_containerRef$current2","newResizeWidth","contentRect","newResizeHeight","current","clientWidth","clientHeight","useLayoutEffect","resizeObserver","containerElement","_containerRef$current3","_containerRef$current4","ResizeObserver","observe","unobserver","_resizeObserver","_resizeObserver$unobs","unobserve","call"],"mappings":"wNAYaA,MAAAA,EAAY,WACmE,IADlEC,EAAaC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,IAAKG,EAA4BH,UAAAC,OAAAD,EAAAA,kBAAAE,EAEzE,MAAOE,EAAeC,GAClBC,EAAsB,CAAEC,WAAOL,EAAWM,YAAQN,IAEhDO,EAAqBC,EAAoB,CAAEH,MAAO,EAAGC,OAAQ,IAC7DG,EAAiED,IACjEE,EAAgBF,IAEhBG,EAAyBC,GAAQ,IAAMC,GAAUC,IAAY,IAAAC,EAAAC,EAAAC,EAAAC,EACjE,MAAMC,EAAiBL,EAAQ,GAAGM,YAAYf,MACxCgB,EAAkBP,EAAQ,GAAGM,YAAYd,QAEjBS,QAA1BA,EAAAR,EAAmBe,eAAnBP,IAA0BA,OAA1BA,EAAAA,EAA4BV,SAAUc,IACX,QAA1BH,EAAAT,EAAmBe,eAAO,IAAAN,OAAA,EAA1BA,EAA4BV,UAAWe,IAG5Cd,EAAmBe,QAAU,CAAEjB,MAAOc,EAAgBb,OAAQe,IAG5DpB,GAAYE,GAAkB,CAC9BE,MAAOI,SAAqBQ,QAATA,EAAZR,EAAca,eAAdL,IAAqBA,SAArBA,EAAuBM,YAC9BjB,OAAQG,SAAqB,QAATS,EAAZT,EAAca,eAAO,IAAAJ,SAArBA,EAAuBM,eAC/B,GACD3B,IAAgB,CAACI,EAAUJ,IA2B9B,OAzBA4B,GAAgB,KACd,IAAIC,EACAC,EAEuB,IAAAC,EAAAC,EAAvBpB,SAAAA,EAAca,UAChBK,EAAmBlB,aAAAA,EAAAA,EAAca,QACjCI,EAAiB,IAAII,eAAenB,GACpCe,EAAeK,QAAQJ,IAGrB1B,GAAYE,GAAkB,CAC9BE,MAAOI,SAAqBmB,QAATA,EAAZnB,EAAca,eAAdM,IAAqBA,SAArBA,EAAuBL,YAC9BjB,OAAQG,SAAqB,QAAToB,EAAZpB,EAAca,eAAO,IAAAO,SAArBA,EAAuBL,gBAGnC,MAAMQ,EAAaA,KAAM,IAAAC,EAAAC,EACT,QAAdD,EAAAP,SAAcQ,IAAAD,GAAWC,QAAXA,EAAdD,EAAgBE,qBAASD,GAAzBA,EAAAE,KAAAH,EAA4BN,EAA4B,EAM1D,OAFAjB,EAAcY,QAAUU,EAEjBA,CAAU,GAChB,CAACrB,EAAwBF,EAAcR,IAEnC,CAACQ,EAAcP,EAAeQ,EAAcY,QACrD"}

package/dist/lib/esm/src/core/hooks/useToggle.js

@@ -1,2 +1,2 @@
-import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as n,useCallback as o}from"react";var t=function(t){var e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],i=n(t),u=r(i,2),l=u[0],a=u[1],f=o((function(r){a(e?function(n){return"boolean"==typeof r?r:!n}:null!=r?r:!l)}),[e,l,a]),c=o((function(r){return f(void 0===r||r)}),[f]),p=o((function(r){return f(void 0!==r&&r)}),[f]);return[l,f,c,p]};export{t as useToggle};
+import"../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{useState as o,useCallback as e}from"react";const t=function(t){let n=!(arguments.length>1&&void 0!==arguments[1])||arguments[1];const[r,l]=o(t),i=e((o=>{l(n?e=>"boolean"==typeof o?o:!e:null!=o?o:!r)}),[n,r,l]),c=e((o=>i(void 0===o||o)),[i]),d=e((o=>i(void 0!==o&&o)),[i]);return[r,i,c,d]};export{t as useToggle};
 //# sourceMappingURL=useToggle.js.map

package/dist/lib/esm/src/core/hooks/useToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToggle.js","sources":["../../../../../../src/core/hooks/useToggle.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\n\nexport type useTogggleReturnType = [\n  boolean,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void\n]\n\nexport const useToggle = (defaultValue: boolean, async = true): useTogggleReturnType => {\n  const [toggled, setToggled] = useState(defaultValue)\n\n  const handleToggle: (value?: any | boolean) => void = useCallback((value?: any | boolean) => {\n    if (async) {\n      setToggled((prevToggled) => (typeof (value) === 'boolean' ? value : !prevToggled))\n    } else {\n      setToggled((value !== undefined && value !== null ? value : !toggled))\n    }\n  }, [async, toggled, setToggled])\n\n  const handleToggleTrue = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined ? true : forceValue), [handleToggle],\n  )\n\n  const handleToggleFalse = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined ? false : forceValue), [handleToggle],\n  )\n\n  return [toggled, handleToggle, handleToggleTrue, handleToggleFalse]\n}\n"],"names":["useToggle","defaultValue","async","arguments","length","undefined","_useState","useState","_useState2","_slicedToArray","toggled","setToggled","handleToggle","useCallback","value","prevToggled","handleToggleTrue","forceValue","handleToggleFalse"],"mappings":"qIAUaA,EAAY,SAACC,GAA8D,IAAvCC,IAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GACpDG,EAA8BC,EAASN,GAAaO,EAAAC,EAAAH,EAAA,GAA7CI,EAAOF,EAAA,GAAEG,EAAUH,EAAA,GAEpBI,EAAgDC,GAAY,SAACC,GAE/DH,EADET,EACS,SAACa,GAAW,MAAyB,kBAAXD,EAAuBA,GAASC,CAAW,EAEpED,QAAwCA,GAASJ,EAEhE,GAAE,CAACR,EAAOQ,EAASC,IAEdK,EAAmBH,GACvB,SAACI,GAAoB,OAAKL,OAA4BP,IAAfY,GAAkCA,KAAa,CAACL,IAGnFM,EAAoBL,GACxB,SAACI,GAAoB,OAAKL,OAA4BP,IAAfY,GAAmCA,KAAa,CAACL,IAG1F,MAAO,CAACF,EAASE,EAAcI,EAAkBE,EACnD"}
+{"version":3,"file":"useToggle.js","sources":["../../../../../../src/core/hooks/useToggle.ts"],"sourcesContent":["import { useState, useCallback } from 'react'\n\n\nexport type useTogggleReturnType = [\n  boolean,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void,\n  (value?: any | boolean) => void\n]\n\nexport const useToggle = (defaultValue: boolean, async = true): useTogggleReturnType => {\n  const [toggled, setToggled] = useState(defaultValue)\n\n  const handleToggle: (value?: any | boolean) => void = useCallback((value?: any | boolean) => {\n    if (async) {\n      setToggled((prevToggled) => (typeof (value) === 'boolean' ? value : !prevToggled))\n    } else {\n      setToggled((value !== undefined && value !== null ? value : !toggled))\n    }\n  }, [async, toggled, setToggled])\n\n  const handleToggleTrue = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined ? true : forceValue), [handleToggle],\n  )\n\n  const handleToggleFalse = useCallback(\n    (forceValue?: boolean) => handleToggle(forceValue === undefined ? false : forceValue), [handleToggle],\n  )\n\n  return [toggled, handleToggle, handleToggleTrue, handleToggleFalse]\n}\n"],"names":["useToggle","defaultValue","async","arguments","length","undefined","toggled","setToggled","useState","handleToggle","useCallback","value","prevToggled","handleToggleTrue","forceValue","handleToggleFalse"],"mappings":"sIAUaA,EAAY,SAACC,GAA8D,IAAvCC,IAAKC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,KAAAA,UAAA,GACpD,MAAOG,EAASC,GAAcC,EAASP,GAEjCQ,EAAgDC,GAAaC,IAE/DJ,EADEL,EACUU,GAAoC,kBAAXD,EAAuBA,GAASC,EAEzDD,QAAwCA,GAASL,EAC/D,GACC,CAACJ,EAAOI,EAASC,IAEdM,EAAmBH,GACtBI,GAAyBL,OAA4BJ,IAAfS,GAAkCA,IAAa,CAACL,IAGnFM,EAAoBL,GACvBI,GAAyBL,OAA4BJ,IAAfS,GAAmCA,IAAa,CAACL,IAG1F,MAAO,CAACH,EAASG,EAAcI,EAAkBE,EACnD"}

package/dist/lib/esm/src/core/hooks/useTranslations.js

@@ -1,2 +1,2 @@
-import{objectSpread2 as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../node_modules/core-js/modules/es.array.iterator.js";import"../../../node_modules/core-js/modules/es.map.constructor.js";import"../../../node_modules/core-js/modules/es.object.to-string.js";import"../../../node_modules/core-js/modules/es.string.iterator.js";import"../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{useTranslation as o}from"react-i18next";var r=new Map,t=o,s=function(e){t=e},n=function(o){if(r.has(o))return r.get(o);var t=function(r,t){if(!r)return"";var s=r.split(" ");return 2===s.length?o(s[0],e(e({},t),{},{limit:s[1]})):o(r,t)};return r.set(o,t),t},i=function(e){var o=t(e).t;return{t:n(o)}};export{n as createSafeT,s as setUseTranslation,i as useTranslations};
+import"../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{useTranslation as t}from"react-i18next";const e=new Map;let r=t;const o=t=>{r=t},n=t=>{if(e.has(t))return e.get(t);const r=(e,r)=>{if(!e)return"";const o=e.split(" ");return 2===o.length?t(o[0],{...r,limit:o[1]}):t(e,r)};return e.set(t,r),r},s=t=>{const{t:e}=r(t);return{t:n(e)}};export{n as createSafeT,o as setUseTranslation,s as useTranslations};
 //# sourceMappingURL=useTranslations.js.map

package/dist/lib/esm/src/core/hooks/useTranslations.js.map

@@ -1 +1 @@
-{"version":3,"file":"useTranslations.js","sources":["../../../../../../src/core/hooks/useTranslations.ts"],"sourcesContent":["import { TFunction } from 'i18next'\nimport { useTranslation } from 'react-i18next'\n\ntype tValuFunction = (key: string | undefined, params?: Record<string, any>) => string\nconst cache: Map<TFunction, tValuFunction> = new Map()\n\nlet resolvedUseTranslation = useTranslation\n\nexport const setUseTranslation = (useTrans: any) => {\n  resolvedUseTranslation = useTrans\n}\n\nexport const createSafeT = (t: TFunction): tValuFunction => {\n  if (cache.has(t)) {\n    return cache.get(t) as tValuFunction\n  }\n  const value: tValuFunction = ((key: string | undefined, params?: Record<string, any>): string => {\n    if (!key) {\n      return ''\n    }\n    const limits = key.split(' ')\n\n    if (limits.length === 2) {\n      return t(limits[0], { ...params, limit: limits[1] })\n    }\n    return t(key, params)\n  })\n\n  cache.set(t, value)\n  return value\n}\n\ntype safeTF = { t: (key: string | undefined, params?: Record<string, any>) => string }\n\n// TODO memoize\nexport const useTranslations = (namespaces: string[]): safeTF => {\n  const { t } = resolvedUseTranslation(namespaces)\n\n  return { t: createSafeT(t) as tValuFunction }\n}\n"],"names":["cache","Map","resolvedUseTranslation","useTranslation","setUseTranslation","useTrans","createSafeT","t","has","get","value","key","params","limits","split","length","_objectSpread","limit","set","useTranslations","namespaces"],"mappings":"4dAIA,IAAMA,EAAuC,IAAIC,IAE7CC,EAAyBC,EAEhBC,EAAoB,SAACC,GAChCH,EAAyBG,CAC3B,EAEaC,EAAc,SAACC,GAC1B,GAAIP,EAAMQ,IAAID,GACZ,OAAOP,EAAMS,IAAIF,GAEnB,IAAMG,EAAwB,SAACC,EAAyBC,GACtD,IAAKD,EACH,MAAO,GAET,IAAME,EAASF,EAAIG,MAAM,KAEzB,OAAsB,IAAlBD,EAAOE,OACFR,EAAEM,EAAO,GAAEG,EAAAA,EAAA,CAAA,EAAOJ,GAAM,GAAA,CAAEK,MAAOJ,EAAO,MAE1CN,EAAEI,EAAKC,IAIhB,OADAZ,EAAMkB,IAAIX,EAAGG,GACNA,CACT,EAKaS,EAAkB,SAACC,GAC9B,IAAQb,EAAML,EAAuBkB,GAA7Bb,EAER,MAAO,CAAEA,EAAGD,EAAYC,GAC1B"}
+{"version":3,"file":"useTranslations.js","sources":["../../../../../../src/core/hooks/useTranslations.ts"],"sourcesContent":["import { TFunction } from 'i18next'\nimport { useTranslation } from 'react-i18next'\n\ntype tValuFunction = (key: string | undefined, params?: Record<string, any>) => string\nconst cache: Map<TFunction, tValuFunction> = new Map()\n\nlet resolvedUseTranslation = useTranslation\n\nexport const setUseTranslation = (useTrans: any) => {\n  resolvedUseTranslation = useTrans\n}\n\nexport const createSafeT = (t: TFunction): tValuFunction => {\n  if (cache.has(t)) {\n    return cache.get(t) as tValuFunction\n  }\n  const value: tValuFunction = ((key: string | undefined, params?: Record<string, any>): string => {\n    if (!key) {\n      return ''\n    }\n    const limits = key.split(' ')\n\n    if (limits.length === 2) {\n      return t(limits[0], { ...params, limit: limits[1] })\n    }\n    return t(key, params)\n  })\n\n  cache.set(t, value)\n  return value\n}\n\ntype safeTF = { t: (key: string | undefined, params?: Record<string, any>) => string }\n\n// TODO memoize\nexport const useTranslations = (namespaces: string[]): safeTF => {\n  const { t } = resolvedUseTranslation(namespaces)\n\n  return { t: createSafeT(t) as tValuFunction }\n}\n"],"names":["cache","Map","resolvedUseTranslation","useTranslation","setUseTranslation","useTrans","createSafeT","t","has","get","value","key","params","limits","split","length","limit","set","useTranslations","namespaces"],"mappings":"6HAIA,MAAMA,EAAuC,IAAIC,IAEjD,IAAIC,EAAyBC,EAEhBC,MAAAA,EAAqBC,IAChCH,EAAyBG,CAAQ,EAGtBC,EAAeC,IAC1B,GAAIP,EAAMQ,IAAID,GACZ,OAAOP,EAAMS,IAAIF,GAEnB,MAAMG,EAAwBA,CAACC,EAAyBC,KACtD,IAAKD,EACH,MAAO,GAET,MAAME,EAASF,EAAIG,MAAM,KAEzB,OAAsB,IAAlBD,EAAOE,OACFR,EAAEM,EAAO,GAAI,IAAKD,EAAQI,MAAOH,EAAO,KAE1CN,EAAEI,EAAKC,EAAO,EAIvB,OADAZ,EAAMiB,IAAIV,EAAGG,GACNA,CAAK,EAMDQ,EAAmBC,IAC9B,MAAMZ,EAAEA,GAAML,EAAuBiB,GAErC,MAAO,CAAEZ,EAAGD,EAAYC,GAAqB"}

package/dist/lib/esm/src/core/ui/components/container/CollapsibleContainer.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,slicedToArray as o,objectSpread2 as r,extends as a}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as l,useRef as t,useState as n,useEffect as s,useLayoutEffect as i,useMemo as c}from"react";import{useParseProps as p}from"../../../hooks/useParseProps.js";import u from"./CollapsibleContainer.module.scss.js";var d=["collapsed","collapseHandler","children","horizontal","className"],h={width:"scrollWidth",height:"scrollHeight"},m=l((function(l){var m=l.collapsed,f=void 0!==m&&m,v=l.collapseHandler,j=l.children,x=l.horizontal,b=void 0!==x&&x,g=l.className,P=void 0===g?"":g,w=e(l,d),y=t(null),C=n(0),H=o(C,2),N=H[0],z=H[1],_=p(w),T=_.dataProps,W=_.restProps,k=!b;s((function(){null==v||v(f)}),[v,f]),i((function(){if(null!=y&&y.current){var e=k?"height":"width";setTimeout((function(){z(y.current[h[e]])}),100)}}),[y,k]);var A=c((function(){return r({"--prop-name":k?"height":"width","--prop-max-name":k?"max-height":"max-width","--prop-value":"".concat(N,"px")},W)}),[k,W,N]),B=c((function(){var e=[k?u.vertical:u.horizontal];return f&&N&&null!=N&&e.push(u.collapsed),!f&&N&&null!=N&&e.push(u.expanded),e.join(" ")}),[f,N,k]);return React.createElement("div",a({className:"".concat(u["collapsible-container"]," ").concat(B," ").concat(P," "),ref:y,style:A},T),j)}));m.displayName="CollapsibleContainer";export{m as CollapsibleContainer};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{memo as l,useRef as o,useState as t,useEffect as r,useLayoutEffect as s,useMemo as a}from"react";import{useParseProps as n}from"../../../hooks/useParseProps.js";import c from"./CollapsibleContainer.module.scss.js";const i={width:"scrollWidth",height:"scrollHeight"},p=l((l=>{let{collapsed:p=!1,collapseHandler:m,children:u,horizontal:d=!1,className:h="",...x}=l;const f=o(null),[g,j]=t(0),{dataProps:b,restProps:w}=n(x),P=!d;r((()=>{null==m||m(p)}),[m,p]),s((()=>{if(null!=f&&f.current){const e=P?"height":"width";setTimeout((()=>{null!=f&&f.current&&j(f.current[i[e]])}),100)}}),[f,P]);const v=a((()=>({"--prop-name":P?"height":"width","--prop-max-name":P?"max-height":"max-width","--prop-value":"".concat(g,"px"),...w})),[P,w,g]),C=a((()=>{const e=[P?c.vertical:c.horizontal];return p&&g&&null!=g&&e.push(c.collapsed),!p&&g&&null!=g&&e.push(c.expanded),e.join(" ")}),[p,g,P]);return React.createElement("div",e({className:"".concat(c["collapsible-container"]," ").concat(C," ").concat(h," "),ref:f,style:v},b),u)}));p.displayName="CollapsibleContainer";export{p as CollapsibleContainer};
 //# sourceMappingURL=CollapsibleContainer.js.map

package/dist/lib/esm/src/core/ui/components/container/CollapsibleContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleContainer.js","sources":["../../../../../../../../src/core/ui/components/container/CollapsibleContainer.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode,\n  useEffect, useLayoutEffect, useMemo, CSSProperties, PropsWithChildren } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport classes from './CollapsibleContainer.module.scss'\nimport { LayoutBoxProps } from './layoutBox.types'\n\n\nconst elementPropNameMap: Record<string, string> = {\n  width: 'scrollWidth',\n  height: 'scrollHeight',\n}\n\nexport type CollapsibleContainerProps = PropsWithChildren & LayoutBoxProps & {\n  collapsed?: boolean\n  collapseHandler?: (collapsed: boolean) => void\n  children?: ReactNode\n  className?: string\n  horizontal?: boolean\n} & CSSProperties\n\nexport const CollapsibleContainer: FC<CollapsibleContainerProps> = memo(({\n  collapsed = false, collapseHandler, children, horizontal = false, className = '', ...props\n}: CollapsibleContainerProps) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [contentProp, setContentProp] = useState(0)\n\n  const { dataProps, restProps: style } = useParseProps(props)\n\n  const vertical = !horizontal\n\n  useEffect(() => {\n    collapseHandler?.(collapsed)\n  }, [collapseHandler, collapsed])\n\n  useLayoutEffect(() => {\n    if (containerRef?.current) {\n      const propName = vertical ? 'height' : 'width'\n\n      // TODO test with requestAnimationFrame\n      setTimeout(() => {\n        setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n      }, 100)\n    }\n  }, [containerRef, vertical])\n\n  const styleProps: CSSProperties = useMemo(() => ({\n    '--prop-name': vertical ? 'height' : 'width',\n    '--prop-max-name': vertical ? 'max-height' : 'max-width',\n    '--prop-value': `${contentProp}px`,\n    ...style,\n  } as CSSProperties), [vertical, style, contentProp])\n\n  const classNames = useMemo(() => {\n    const classNames = [vertical ? classes.vertical : classes.horizontal]\n\n    if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.collapsed)\n    }\n    if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.expanded)\n    }\n    return classNames.join(' ')\n  }, [collapsed, contentProp, vertical])\n\n  return (\n    <div\n      className={`${classes['collapsible-container']} ${classNames} ${className} `}\n      ref={containerRef}\n      style={styleProps}\n      {...dataProps}\n    >\n      {children}\n    </div>\n  )\n})\n\nCollapsibleContainer.displayName = 'CollapsibleContainer'\n"],"names":["elementPropNameMap","width","height","CollapsibleContainer","memo","_ref","_ref$collapsed","collapsed","collapseHandler","children","_ref$horizontal","horizontal","_ref$className","className","props","_objectWithoutProperties","_excluded","containerRef","useRef","_useState","useState","_useState2","_slicedToArray","contentProp","setContentProp","_useParseProps","useParseProps","dataProps","style","restProps","vertical","useEffect","useLayoutEffect","current","propName","setTimeout","styleProps","useMemo","_objectSpread","concat","classNames","classes","push","expanded","join","React","createElement","_extends","ref","displayName"],"mappings":"ggBASMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAWGC,EAAsDC,GAAK,SAAAC,GAEvC,IAAAC,EAAAD,EAD/BE,UAAAA,OAAY,IAAHD,GAAQA,EAAEE,EAAeH,EAAfG,gBAAiBC,EAAQJ,EAARI,SAAQC,EAAAL,EAAEM,WAAAA,OAAa,IAAHD,GAAQA,EAAAE,EAAAP,EAAEQ,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAKE,EAAKC,EAAAV,EAAAW,GAEpFC,EAAeC,EAAuB,MAC5CC,EAAsCC,EAAS,GAAEC,EAAAC,EAAAH,EAAA,GAA1CI,EAAWF,EAAA,GAAEG,EAAcH,EAAA,GAElCI,EAAwCC,EAAcZ,GAA9Ca,EAASF,EAATE,UAAsBC,EAAKH,EAAhBI,UAEbC,GAAYnB,EAElBoB,GAAU,WACRvB,SAAAA,EAAkBD,EACpB,GAAG,CAACC,EAAiBD,IAErByB,GAAgB,WACd,GAAIf,SAAAA,EAAcgB,QAAS,CACzB,IAAMC,EAAWJ,EAAW,SAAW,QAGvCK,YAAW,WACTX,EAAgBP,EAAagB,QAAgBjC,EAAmBkC,IACjE,GAAE,IACL,CACF,GAAG,CAACjB,EAAca,IAElB,IAAMM,EAA4BC,GAAQ,WAAA,OAAAC,EAAA,CACxC,cAAeR,EAAW,SAAW,QACrC,kBAAmBA,EAAW,aAAe,YAC7C,eAAc,GAAAS,OAAKhB,EAAW,OAC3BK,EACc,GAAE,CAACE,EAAUF,EAAOL,IAEjCiB,EAAaH,GAAQ,WACzB,IAAMG,EAAa,CAACV,EAAWW,EAAQX,SAAWW,EAAQ9B,YAQ1D,OANIJ,GAAagB,GAAbhB,MAA4BgB,GAC9BiB,EAAWE,KAAKD,EAAQlC,YAErBA,GAAagB,GAAd,MAA6BA,GAC/BiB,EAAWE,KAAKD,EAAQE,UAEnBH,EAAWI,KAAK,IACxB,GAAE,CAACrC,EAAWgB,EAAaO,IAE5B,OACEe,MAAAC,cAAA,MAAAC,EAAA,CACElC,UAAS0B,GAAAA,OAAKE,EAAQ,yBAAwBF,KAAAA,OAAIC,EAAU,KAAAD,OAAI1B,EAAa,KAC7EmC,IAAK/B,EACLW,MAAOQ,GACHT,GAEHlB,EAGP,IAEAN,EAAqB8C,YAAc"}
+{"version":3,"file":"CollapsibleContainer.js","sources":["../../../../../../../../src/core/ui/components/container/CollapsibleContainer.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode,\n  useEffect, useLayoutEffect, useMemo, CSSProperties, PropsWithChildren } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport classes from './CollapsibleContainer.module.scss'\nimport { LayoutBoxProps } from './layoutBox.types'\n\n\nconst elementPropNameMap: Record<string, string> = {\n  width: 'scrollWidth',\n  height: 'scrollHeight',\n}\n\nexport type CollapsibleContainerProps = PropsWithChildren & LayoutBoxProps & {\n  collapsed?: boolean\n  collapseHandler?: (collapsed: boolean) => void\n  children?: ReactNode\n  className?: string\n  horizontal?: boolean\n} & CSSProperties\n\nexport const CollapsibleContainer: FC<CollapsibleContainerProps> = memo(({\n  collapsed = false, collapseHandler, children, horizontal = false, className = '', ...props\n}: CollapsibleContainerProps) => {\n  const containerRef = useRef<HTMLDivElement>(null)\n  const [contentProp, setContentProp] = useState(0)\n\n  const { dataProps, restProps: style } = useParseProps(props)\n\n  const vertical = !horizontal\n\n  useEffect(() => {\n    collapseHandler?.(collapsed)\n  }, [collapseHandler, collapsed])\n\n  useLayoutEffect(() => {\n    if (containerRef?.current) {\n      const propName = vertical ? 'height' : 'width'\n\n      // TODO test with requestAnimationFrame\n      setTimeout(() => {\n        if (containerRef?.current) {\n          setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n        }\n      }, 100)\n    }\n  }, [containerRef, vertical])\n\n  const styleProps: CSSProperties = useMemo(() => ({\n    '--prop-name': vertical ? 'height' : 'width',\n    '--prop-max-name': vertical ? 'max-height' : 'max-width',\n    '--prop-value': `${contentProp}px`,\n    ...style,\n  } as CSSProperties), [vertical, style, contentProp])\n\n  const classNames = useMemo(() => {\n    const classNames = [vertical ? classes.vertical : classes.horizontal]\n\n    if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.collapsed)\n    }\n    if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n      classNames.push(classes.expanded)\n    }\n    return classNames.join(' ')\n  }, [collapsed, contentProp, vertical])\n\n  return (\n    <div\n      className={`${classes['collapsible-container']} ${classNames} ${className} `}\n      ref={containerRef}\n      style={styleProps}\n      {...dataProps}\n    >\n      {children}\n    </div>\n  )\n})\n\nCollapsibleContainer.displayName = 'CollapsibleContainer'\n"],"names":["elementPropNameMap","width","height","CollapsibleContainer","memo","_ref","collapsed","collapseHandler","children","horizontal","className","props","containerRef","useRef","contentProp","setContentProp","useState","dataProps","restProps","style","useParseProps","vertical","useEffect","useLayoutEffect","current","propName","setTimeout","styleProps","useMemo","concat","classNames","classes","push","expanded","join","React","createElement","_extends","ref","displayName"],"mappings":"gYASA,MAAMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAWGC,EAAsDC,GAAKC,IAEvC,IAFwCC,UACvEA,GAAY,EAAKC,gBAAEA,EAAeC,SAAEA,EAAQC,WAAEA,GAAa,EAAKC,UAAEA,EAAY,MAAOC,GAC3DN,EAC1B,MAAMO,EAAeC,EAAuB,OACrCC,EAAaC,GAAkBC,EAAS,IAEzCC,UAAEA,EAAWC,UAAWC,GAAUC,EAAcT,GAEhDU,GAAYZ,EAElBa,GAAU,KACRf,SAAAA,EAAkBD,EAAU,GAC3B,CAACC,EAAiBD,IAErBiB,GAAgB,KACd,GAAIX,SAAAA,EAAcY,QAAS,CACzB,MAAMC,EAAWJ,EAAW,SAAW,QAGvCK,YAAW,KACLd,SAAAA,EAAcY,SAChBT,EAAgBH,EAAaY,QAAgBxB,EAAmByB,IAClE,GACC,IACL,IACC,CAACb,EAAcS,IAElB,MAAMM,EAA4BC,GAAQ,KAAO,CAC/C,cAAeP,EAAW,SAAW,QACrC,kBAAmBA,EAAW,aAAe,YAC7C,eAAcQ,GAAAA,OAAKf,EAAe,SAC/BK,KACgB,CAACE,EAAUF,EAAOL,IAEjCgB,EAAaF,GAAQ,KACzB,MAAME,EAAa,CAACT,EAAWU,EAAQV,SAAWU,EAAQtB,YAQ1D,OANIH,GAAaQ,GAAbR,MAA4BQ,GAC9BgB,EAAWE,KAAKD,EAAQzB,YAErBA,GAAaQ,GAAd,MAA6BA,GAC/BgB,EAAWE,KAAKD,EAAQE,UAEnBH,EAAWI,KAAK,IAAI,GAC1B,CAAC5B,EAAWQ,EAAaO,IAE5B,OACEc,MAAAC,cAAA,MAAAC,EAAA,CACE3B,UAASmB,GAAAA,OAAKE,EAAQ,yBAAwBF,KAAAA,OAAIC,EAAU,KAAAD,OAAInB,EAAa,KAC7E4B,IAAK1B,EACLO,MAAOQ,GACHV,GAEHT,EACG,IAIVL,EAAqBoC,YAAc"}

package/dist/lib/esm/src/core/ui/components/container/CollapsibleContainerS.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,slicedToArray as o,extends as n}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import a from"styled-components";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as t,useRef as l,useState as r,useEffect as i}from"react";var c=["collapsed","collapseHandler","children","propName","className","css"],s={width:"scrollWidth",height:"scrollHeight"},p=function(e){return e.propName},d=t(a.div.withConfig({displayName:"CollapsibleContainerS__StyledContainer",componentId:"sc-fj3lnl-0"})(["transform-origin:0% 0%;transition:opacity 0.2s ease-in-out,"," 0.2s ease-in-out,max-"," 0.2s ease-in-out;will-change:opacity,",",max-",";overflow:hidden;opacity:0;&.Collapsible__container__collapsed{",":0;max-",":0;opacity:0;}&.Collapsible__container__expanded{",":",";max-",":",";opacity:1;}"],p,p,p,p,p,p,p,(function(e){var o=e.contentProp;return"".concat(o,"px")}),p,(function(e){var o=e.contentProp;return"".concat(o,"px")}))),m=a(d).withConfig({displayName:"CollapsibleContainerS___StyledStyledContainer",componentId:"sc-fj3lnl-1"})(["",""],(function(e){return e.$_css})),u=t((function(a){var t=a.collapsed,p=void 0!==t&&t,d=a.collapseHandler,u=a.children,_=a.propName,f=void 0===_?"height":_,h=a.className,y=a.css,C=e(a,c),v=l(),x=r(0),N=o(x,2),b=N[0],g=N[1];i((function(){null==d||d(p)}),[d,p]),i((function(){null!=v&&v.current&&g(v.current[s[f]])}),[v,f]);var j="";return p&&b&&null!=b&&(j="Collapsible__container__collapsed"),!p&&b&&null!=b&&(j="Collapsible__container__expanded"),React.createElement(m,n({className:"".concat(h," ").concat(j),ref:v,contentProp:b,propName:f},C,{$_css:y}),u)}));u.displayName="ContainerS";export{u as ContainerS};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"styled-components";import"../../../../../node_modules/core-js/modules/web.dom-collections.iterator.js";import{memo as l,useRef as t,useState as n,useEffect as a}from"react";const r={width:"scrollWidth",height:"scrollHeight"},i=e=>{let{propName:o}=e;return o},c=l(o.div.withConfig({displayName:"CollapsibleContainerS__StyledContainer",componentId:"sc-fj3lnl-0"})(["transform-origin:0% 0%;transition:opacity 0.2s ease-in-out,"," 0.2s ease-in-out,max-"," 0.2s ease-in-out;will-change:opacity,",",max-",";overflow:hidden;opacity:0;&.Collapsible__container__collapsed{",":0;max-",":0;opacity:0;}&.Collapsible__container__expanded{",":",";max-",":",";opacity:1;}"],i,i,i,i,i,i,i,(e=>{let{contentProp:o}=e;return"".concat(o,"px")}),i,(e=>{let{contentProp:o}=e;return"".concat(o,"px")})));var s=o(c).withConfig({displayName:"CollapsibleContainerS___StyledStyledContainer",componentId:"sc-fj3lnl-1"})(["",""],(e=>e.$_css));const p=l((o=>{let{collapsed:l=!1,collapseHandler:i,children:c,propName:p="height",className:d,css:m,..._}=o;const u=t(),[C,h]=n(0);a((()=>{null==i||i(l)}),[i,l]),a((()=>{null!=u&&u.current&&h(u.current[r[p]])}),[u,p]);let y="";return l&&C&&null!=C&&(y="Collapsible__container__collapsed"),!l&&C&&null!=C&&(y="Collapsible__container__expanded"),React.createElement(s,e({className:"".concat(d," ").concat(y),ref:u,contentProp:C,propName:p},_,{$_css:m}),c)}));p.displayName="ContainerS";export{p as ContainerS};
 //# sourceMappingURL=CollapsibleContainerS.js.map

package/dist/lib/esm/src/core/ui/components/container/CollapsibleContainerS.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollapsibleContainerS.js","sources":["../../../../../../../../src/core/ui/components/container/CollapsibleContainerS.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode, useEffect } from 'react'\nimport styled from 'styled-components'\n\ntype StyledContainerProps = { propName: string; className: string; [key: string]: any }\n\nconst elementPropNameMap: Record<string, string> = {\n  width: 'scrollWidth',\n  height: 'scrollHeight',\n}\n\nconst propNameFunc = ({ propName }: { propName: StyledContainerProps['propName']}) => propName\n\nconst StyledContainer: FC<StyledContainerProps> = memo(styled.div<StyledContainerProps>`\n  transform-origin: 0% 0%;\n  transition: opacity 0.2s ease-in-out, ${propNameFunc} 0.2s ease-in-out, max-${propNameFunc} 0.2s ease-in-out;\n  will-change: opacity, ${propNameFunc}, max-${propNameFunc};\n  overflow: hidden;\n  opacity: 0;\n\n  &.Collapsible__container__collapsed {\n    ${propNameFunc}: 0;\n    max-${propNameFunc}: 0;\n    opacity: 0;\n  }\n\n  &.Collapsible__container__expanded {\n    ${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n    max-${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n    opacity: 1;\n  }\n`)\n\nexport type ContainerProps = {\n  collapsed?: boolean\n  collapseHandler?: (collapsed: boolean) => void\n  children?: ReactNode\n  propName?: string\n  className?: string\n  css?: string\n}\nexport const ContainerS: FC<ContainerProps> = memo(({\n  collapsed = false, collapseHandler, children, propName = 'height', className, css, ...props\n}: ContainerProps) => {\n  const containerRef = useRef<HTMLDivElement>()\n  const [contentProp, setContentProp] = useState(0)\n\n  useEffect(() => {\n    collapseHandler?.(collapsed)\n  }, [collapseHandler, collapsed])\n\n  useEffect(() => {\n    if (containerRef?.current) {\n      setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n    }\n  }, [containerRef, propName])\n\n  let resolvedClassName = ''\n\n  if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n    resolvedClassName = 'Collapsible__container__collapsed'\n  }\n  if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n    resolvedClassName = 'Collapsible__container__expanded'\n  }\n\n  return (\n    <StyledContainer\n      className={`${className} ${resolvedClassName}`}\n      ref={containerRef}\n      contentProp={contentProp}\n      propName={propName}\n      css={css}\n      {...props}\n    >\n      {children}\n    </StyledContainer>\n  )\n})\n\nContainerS.displayName = 'ContainerS'\n"],"names":["elementPropNameMap","width","height","propNameFunc","_ref","propName","StyledContainer","memo","styled","div","withConfig","displayName","componentId","_ref2","contentProp","concat","_ref3","_StyledStyledContainer","p","$_css","ContainerS","_ref4","_ref4$collapsed","collapsed","collapseHandler","children","_ref4$propName","className","css","props","_objectWithoutProperties","_excluded","containerRef","useRef","_useState","useState","_useState2","_slicedToArray","setContentProp","useEffect","current","resolvedClassName","React","createElement","_extends","ref"],"mappings":"2XAKMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAGJC,EAAe,SAAHC,GAAc,OAAAA,EAARC,QAAsE,EAExFC,EAA4CC,EAAKC,EAAOC,IAAGC,WAAA,CAAAC,YAAA,yCAAAC,YAAA,eAAVJ,CAAU,CAAA,8DAAA,yBAAA,yCAAA,QAAA,kEAAA,UAAA,oDAAA,IAAA,QAAA,IAAA,gBAEvBL,EAAsCA,EACtDA,EAAqBA,EAKzCA,EACIA,EAKJA,GAAiB,SAAAU,GAAA,IAAGC,EAAWD,EAAXC,YAAW,MAAAC,GAAAA,OAAyCD,EAAW,KAAA,GAC/EX,GAAiB,SAAAa,GAAA,IAAGF,EAAWE,EAAXF,YAAW,MAAAC,GAAAA,OAAyCD,EAAW,KAAA,KAG3FG,EAAAT,EAAAF,GAAAI,WAAA,CAAAC,YAAA,gDAAAC,YAAA,eAAAJ,CAAA,CAAA,GAAA,KAAA,SAAAU,GAAA,OAAAA,EAAAC,KAAA,IAUWC,EAAiCb,GAAK,SAAAc,GAE7B,IAAAC,EAAAD,EADpBE,UAAAA,OAAY,IAAHD,GAAQA,EAAEE,EAAeH,EAAfG,gBAAiBC,EAAQJ,EAARI,SAAQC,EAAAL,EAAEhB,SAAAA,OAAW,IAAHqB,EAAG,SAAQA,EAAEC,EAASN,EAATM,UAAWC,EAAGP,EAAHO,IAAQC,EAAKC,EAAAT,EAAAU,GAErFC,EAAeC,IACrBC,EAAsCC,EAAS,GAAEC,EAAAC,EAAAH,EAAA,GAA1CpB,EAAWsB,EAAA,GAAEE,EAAcF,EAAA,GAElCG,GAAU,WACRf,SAAAA,EAAkBD,EACpB,GAAG,CAACC,EAAiBD,IAErBgB,GAAU,WACJP,SAAAA,EAAcQ,SAChBF,EAAgBN,EAAaQ,QAAgBxC,EAAmBK,IAEpE,GAAG,CAAC2B,EAAc3B,IAElB,IAAIoC,EAAoB,GASxB,OAPIlB,GAAaT,GAAbS,MAA4BT,IAC9B2B,EAAoB,sCAEjBlB,GAAaT,GAAd,MAA6BA,IAC/B2B,EAAoB,oCAIpBC,MAAAC,cAAA1B,EAAA2B,EAAA,CACEjB,UAAS,GAAAZ,OAAKY,OAASZ,OAAI0B,GAC3BI,IAAKb,EACLlB,YAAaA,EACbT,SAAUA,GAENwB,EAAK,CAAAV,MADJS,IAGJH,EAGP,IAEAL,EAAWT,YAAc"}
+{"version":3,"file":"CollapsibleContainerS.js","sources":["../../../../../../../../src/core/ui/components/container/CollapsibleContainerS.tsx"],"sourcesContent":["import { FC, useRef, useState, memo, ReactNode, useEffect } from 'react'\nimport styled from 'styled-components'\n\ntype StyledContainerProps = { propName: string; className: string; [key: string]: any }\n\nconst elementPropNameMap: Record<string, string> = {\n  width: 'scrollWidth',\n  height: 'scrollHeight',\n}\n\nconst propNameFunc = ({ propName }: { propName: StyledContainerProps['propName']}) => propName\n\nconst StyledContainer: FC<StyledContainerProps> = memo(styled.div<StyledContainerProps>`\n  transform-origin: 0% 0%;\n  transition: opacity 0.2s ease-in-out, ${propNameFunc} 0.2s ease-in-out, max-${propNameFunc} 0.2s ease-in-out;\n  will-change: opacity, ${propNameFunc}, max-${propNameFunc};\n  overflow: hidden;\n  opacity: 0;\n\n  &.Collapsible__container__collapsed {\n    ${propNameFunc}: 0;\n    max-${propNameFunc}: 0;\n    opacity: 0;\n  }\n\n  &.Collapsible__container__expanded {\n    ${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n    max-${propNameFunc}: ${({ contentProp }: Partial<StyledContainerProps>) => `${contentProp}px`};\n    opacity: 1;\n  }\n`)\n\nexport type ContainerProps = {\n  collapsed?: boolean\n  collapseHandler?: (collapsed: boolean) => void\n  children?: ReactNode\n  propName?: string\n  className?: string\n  css?: string\n}\nexport const ContainerS: FC<ContainerProps> = memo(({\n  collapsed = false, collapseHandler, children, propName = 'height', className, css, ...props\n}: ContainerProps) => {\n  const containerRef = useRef<HTMLDivElement>()\n  const [contentProp, setContentProp] = useState(0)\n\n  useEffect(() => {\n    collapseHandler?.(collapsed)\n  }, [collapseHandler, collapsed])\n\n  useEffect(() => {\n    if (containerRef?.current) {\n      setContentProp((containerRef.current as any)[elementPropNameMap[propName]])\n    }\n  }, [containerRef, propName])\n\n  let resolvedClassName = ''\n\n  if (collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n    resolvedClassName = 'Collapsible__container__collapsed'\n  }\n  if (!collapsed && contentProp && contentProp !== undefined && contentProp !== null) {\n    resolvedClassName = 'Collapsible__container__expanded'\n  }\n\n  return (\n    <StyledContainer\n      className={`${className} ${resolvedClassName}`}\n      ref={containerRef}\n      contentProp={contentProp}\n      propName={propName}\n      css={css}\n      {...props}\n    >\n      {children}\n    </StyledContainer>\n  )\n})\n\nContainerS.displayName = 'ContainerS'\n"],"names":["elementPropNameMap","width","height","propNameFunc","_ref","propName","StyledContainer","memo","styled","div","withConfig","displayName","componentId","_ref2","contentProp","concat","_ref3","_StyledStyledContainer","p","$_css","ContainerS","_ref4","collapsed","collapseHandler","children","className","css","props","containerRef","useRef","setContentProp","useState","useEffect","current","resolvedClassName","React","createElement","_extends","ref"],"mappings":"0QAKA,MAAMA,EAA6C,CACjDC,MAAO,cACPC,OAAQ,gBAGJC,EAAeC,IAAA,IAACC,SAAEA,GAAyDD,EAAA,OAAKC,CAAQ,EAExFC,EAA4CC,EAAKC,EAAOC,IAAGC,WAAA,CAAAC,YAAA,yCAAAC,YAAA,eAAVJ,CAAU,CAAA,8DAAA,yBAAA,yCAAA,QAAA,kEAAA,UAAA,oDAAA,IAAA,QAAA,IAAA,gBAEvBL,EAAsCA,EACtDA,EAAqBA,EAKzCA,EACIA,EAKJA,GAAiBU,IAAA,IAACC,YAAEA,GAA4CD,EAAA,MAAAE,GAAAA,OAAQD,EAAW,KAAA,GAC/EX,GAAiBa,IAAA,IAACF,YAAEA,GAA4CE,EAAA,MAAAD,GAAAA,OAAQD,EAAW,KAAA,KAG3F,IAAAG,EAAAT,EAAAF,GAAAI,WAAA,CAAAC,YAAA,gDAAAC,YAAA,eAAAJ,CAAA,CAAA,GAAA,KAAAU,GAAAA,EAAAC,cAUWC,EAAiCb,GAAKc,IAE7B,IAF8BC,UAClDA,GAAY,EAAKC,gBAAEA,EAAeC,SAAEA,EAAQnB,SAAEA,EAAW,SAAQoB,UAAEA,EAASC,IAAEA,KAAQC,GACvEN,EACf,MAAMO,EAAeC,KACdf,EAAagB,GAAkBC,EAAS,GAE/CC,GAAU,KACRT,SAAAA,EAAkBD,EAAU,GAC3B,CAACC,EAAiBD,IAErBU,GAAU,KACJJ,SAAAA,EAAcK,SAChBH,EAAgBF,EAAaK,QAAgBjC,EAAmBK,IAClE,GACC,CAACuB,EAAcvB,IAElB,IAAI6B,EAAoB,GASxB,OAPIZ,GAAaR,GAAbQ,MAA4BR,IAC9BoB,EAAoB,sCAEjBZ,GAAaR,GAAd,MAA6BA,IAC/BoB,EAAoB,oCAIpBC,MAAAC,cAAAnB,EAAAoB,EAAA,CACEZ,UAAS,GAAAV,OAAKU,OAASV,OAAImB,GAC3BI,IAAKV,EACLd,YAAaA,EACbT,SAAUA,GAENsB,EAAK,CAAAR,MADJO,IAGJF,EACe,IAItBJ,EAAWT,YAAc"}

package/dist/lib/esm/src/core/ui/components/container/Flex.js

@@ -1,2 +1,2 @@
-import{objectSpread2 as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as n}from"react";import i from"styled-components";var e={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},r=function(t){return t&&e[t]||t},o=n(i.div.withConfig({displayName:"Flex",componentId:"sc-19vq3db-0"})(["display:flex;position:relative;flex-direction:",";flex:",";flex-grow:",";flex-shrink:",";flex-basis:",";flex-wrap:",";gap:",";text-align:",";justify-content:",";align-items:",";align-self:",";margin:",";padding:",";width:",";height:",";max-width:",";max-height:",";min-width:",";min-height:",";border-radius:",";"],(function(t){return t.direction||"row"}),(function(t){var n=t.flex;return void 0!==n?n:"0"}),(function(t){var n=t.flexGrow;return void 0!==n?n:"0"}),(function(t){var n=t.flexShrink;return void 0!==n?n:"0"}),(function(t){return t.flexBasis||"auto"}),(function(t){return t.flexWrap||"nowrap"}),(function(t){var n=t.gap;return void 0!==n?n:"0"}),(function(t){return t.alignText||"left"}),(function(t){var n=t.justify;return r(n)||"flex-start"}),(function(t){var n=t.align;return r(n)||"flex-start"}),(function(t){return t.alignSelf||"auto"}),(function(t){return t.margin||"0"}),(function(t){return t.padding||"0"}),(function(t){return t.width||"auto"}),(function(t){return t.height||"auto"}),(function(t){return t.maxWidth||"none"}),(function(t){return t.maxHeight||"none"}),(function(t){var n=t.minWidth;return n||"0"===n?n:"0"}),(function(t){return t.minHeight||"0"}),(function(t){return t.borderRadius||"initial"}))),a=n(i(o).attrs((function(n){return t({width:n.width||"100%",height:n.height||"100%",justify:n.justify||"center",align:n.align||"center"},n)})).withConfig({displayName:"Flex__FlexWrapper",componentId:"sc-19vq3db-1"})([""])),u=n(i(o).attrs((function(n){return t({width:"initial"},n)})).withConfig({displayName:"Flex__FlexTight",componentId:"sc-19vq3db-2"})([""])),f=n(i(o).attrs((function(n){return t({width:"initial",style:{text:"blue",padding:"1rem",border:"1px solid green"}},n)})).withConfig({displayName:"Flex__FlexTightStyled",componentId:"sc-19vq3db-3"})([""]));export{o as Flex,u as FlexTight,f as FlexTightStyled,a as FlexWrapper};
+import{memo as t}from"react";import e from"styled-components";const i={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},r=t=>t&&i[t]||t,n=t(e.div.withConfig({displayName:"Flex",componentId:"sc-19vq3db-0"})(["display:flex;position:relative;flex-direction:",";flex:",";flex-grow:",";flex-shrink:",";flex-basis:",";flex-wrap:",";gap:",";text-align:",";justify-content:",";align-items:",";align-self:",";margin:",";padding:",";width:",";height:",";max-width:",";max-height:",";min-width:",";min-height:",";border-radius:",";"],(t=>{let{direction:e}=t;return e||"row"}),(t=>{let{flex:e}=t;return void 0!==e?e:"0"}),(t=>{let{flexGrow:e}=t;return void 0!==e?e:"0"}),(t=>{let{flexShrink:e}=t;return void 0!==e?e:"0"}),(t=>{let{flexBasis:e}=t;return e||"auto"}),(t=>{let{flexWrap:e}=t;return e||"nowrap"}),(t=>{let{gap:e}=t;return void 0!==e?e:"0"}),(t=>{let{alignText:e}=t;return e||"left"}),(t=>{let{justify:e}=t;return r(e)||"flex-start"}),(t=>{let{align:e}=t;return r(e)||"flex-start"}),(t=>{let{alignSelf:e}=t;return e||"auto"}),(t=>{let{margin:e}=t;return e||"0"}),(t=>{let{padding:e}=t;return e||"0"}),(t=>{let{width:e}=t;return e||"auto"}),(t=>{let{height:e}=t;return e||"auto"}),(t=>{let{maxWidth:e}=t;return e||"none"}),(t=>{let{maxHeight:e}=t;return e||"none"}),(t=>{let{minWidth:e}=t;return e||"0"===e?e:"0"}),(t=>{let{minHeight:e}=t;return e||"0"}),(t=>{let{borderRadius:e}=t;return e||"initial"}))),l=t(e(n).attrs((t=>({width:t.width||"100%",height:t.height||"100%",justify:t.justify||"center",align:t.align||"center",...t}))).withConfig({displayName:"Flex__FlexWrapper",componentId:"sc-19vq3db-1"})([""])),a=t(e(n).attrs((t=>({width:"initial",...t}))).withConfig({displayName:"Flex__FlexTight",componentId:"sc-19vq3db-2"})([""])),d=t(e(n).attrs((t=>({width:"initial",style:{text:"blue",padding:"1rem",border:"1px solid green"},...t}))).withConfig({displayName:"Flex__FlexTightStyled",componentId:"sc-19vq3db-3"})([""]));export{n as Flex,a as FlexTight,d as FlexTightStyled,l as FlexWrapper};
 //# sourceMappingURL=Flex.js.map

package/dist/lib/esm/src/core/ui/components/container/Flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"Flex.js","sources":["../../../../../../../../src/core/ui/components/container/Flex.ts"],"sourcesContent":["import { memo } from 'react'\nimport styled from 'styled-components'\n\nexport type FlexProps = {\n  flex?: string\n  flexGrow?: string | number\n  alignText?: 'center' | 'right' | 'left'\n  direction?: string\n  flexShrink?: string | number\n  flexBasis?: string\n  flexWrap?: string\n  justify?: string\n  align?: string\n  alignSelf?: string\n  margin?: string\n  padding?: string\n  width?: string\n  height?: string\n  maxWidth?: string\n  maxHeight?: string\n  minWidth?: string\n  minHeight?: string\n  gap?: string\n  css?: string\n  borderRadius?: string\n}\n\nconst flexValueMap: Record<string, string> = {\n  start: 'flex-start',\n  'flex-start': 'flex-start',\n  end: 'flex-end',\n  'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\nexport const Flex = memo(styled.div<FlexProps>`\n  display: flex;\n  position: relative;\n  flex-direction: ${({ direction }: Partial<FlexProps>) => direction || 'row'};\n  flex: ${({ flex }: Partial<FlexProps>) => (flex !== undefined ? flex : '0')};\n  flex-grow: ${({ flexGrow }: Partial<FlexProps>) => (flexGrow !== undefined ? flexGrow : '0')};\n  flex-shrink: ${({ flexShrink }: Partial<FlexProps>) => (flexShrink !== undefined ? flexShrink : '0')};\n  flex-basis: ${({ flexBasis }: Partial<FlexProps>) => flexBasis || 'auto'};\n  flex-wrap: ${({ flexWrap }: Partial<FlexProps>) => flexWrap || 'nowrap'};\n  gap: ${({ gap }: Partial<FlexProps>) => (gap !== undefined ? gap : '0')};\n  text-align: ${({ alignText }: Partial<FlexProps>) => alignText || 'left'};\n  justify-content: ${({ justify }: Partial<FlexProps>) => resolveFlexProps(justify) || 'flex-start'};\n  align-items: ${({ align }: Partial<FlexProps>) => resolveFlexProps(align) || 'flex-start'};\n  align-self: ${({ alignSelf }: Partial<FlexProps>) => alignSelf || 'auto'};\n  margin: ${({ margin }: Partial<FlexProps>) => margin || '0'};\n  padding: ${({ padding }: Partial<FlexProps>) => padding || '0'};\n  width: ${({ width }: Partial<FlexProps>) => width || 'auto'};\n  height: ${({ height }: Partial<FlexProps>) => height || 'auto'};\n  max-width: ${({ maxWidth }: Partial<FlexProps>) => maxWidth || 'none'};\n  max-height: ${({ maxHeight }: Partial<FlexProps>) => maxHeight || 'none'};\n  min-width: ${({ minWidth }: Partial<FlexProps>) => ((minWidth || minWidth === '0') ? minWidth : '0')};\n  min-height: ${({ minHeight }: Partial<FlexProps>) => minHeight || '0'};\n  border-radius: ${({ borderRadius }: Partial<FlexProps>) => borderRadius || 'initial'};\n`)\n\n// default flex centralized, 100% width and height\nexport const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n  {\n    width: props.width || '100%',\n    height: props.height || '100%',\n    justify: props.justify || 'center',\n    align: props.align || 'center',\n    ...props,\n  }\n))``)\n\nexport const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n  width: 'initial',\n  ...props,\n}))``)\n\nexport const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n  width: 'initial',\n  style: {\n    text: 'blue',\n    padding: '1rem',\n    border: '1px solid green',\n  },\n  ...props,\n}))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","Flex","memo","styled","div","withConfig","displayName","componentId","_ref","direction","_ref2","flex","undefined","_ref3","flexGrow","_ref4","flexShrink","_ref5","flexBasis","_ref6","flexWrap","_ref7","gap","_ref8","alignText","_ref9","justify","_ref10","align","_ref11","alignSelf","_ref12","margin","_ref13","padding","_ref14","width","_ref15","height","_ref16","maxWidth","_ref17","maxHeight","_ref18","minWidth","_ref19","minHeight","_ref20","borderRadius","FlexWrapper","attrs","props","_objectSpread","FlexTight","FlexTightStyled","style","text","border"],"mappings":"mJA2BA,IAAMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAmB,SAACC,GAAc,OAA0BA,GAASJ,EAAaI,IAAmBA,CAAK,EAEnGC,EAAOC,EAAKC,EAAOC,IAAGC,WAAA,CAAAC,YAAA,OAAAC,YAAA,gBAAVJ,CAAU,CAAA,iDAAA,SAAA,cAAA,gBAAA,eAAA,cAAA,QAAA,eAAA,oBAAA,gBAAA,eAAA,WAAA,YAAA,UAAA,WAAA,cAAA,eAAA,cAAA,eAAA,kBAAA,MAGf,SAAAK,GAAY,OAAAA,EAATC,WAAiD,KAAK,IACnE,SAAAC,GAAA,IAAGC,EAAID,EAAJC,KAAI,YAAqCC,IAATD,EAAqBA,EAAO,GAAG,IAC7D,SAAAE,GAAA,IAAGC,EAAQD,EAARC,SAAQ,YAAyCF,IAAbE,EAAyBA,EAAW,GAAG,IAC5E,SAAAC,GAAA,IAAGC,EAAUD,EAAVC,WAAU,YAA2CJ,IAAfI,EAA2BA,EAAa,GAAG,IACrF,SAAAC,GAAY,OAAAA,EAATC,WAAiD,MAAM,IAC3D,SAAAC,GAAW,OAAAA,EAARC,UAA+C,QAAQ,IAChE,SAAAC,GAAA,IAAGC,EAAGD,EAAHC,IAAG,YAAoCV,IAARU,EAAoBA,EAAM,GAAG,IACxD,SAAAC,GAAY,OAAAA,EAATC,WAAiD,MAAM,IACrD,SAAAC,GAAA,IAAGC,EAAOD,EAAPC,QAAO,OAA2B3B,EAAiB2B,IAAY,YAAY,IAClF,SAAAC,GAAA,IAAGC,EAAKD,EAALC,MAAK,OAA2B7B,EAAiB6B,IAAU,YAAY,IAC3E,SAAAC,GAAY,OAAAA,EAATC,WAAiD,MAAM,IAC9D,SAAAC,GAAS,OAAAA,EAANC,QAA2C,GAAG,IAChD,SAAAC,GAAU,OAAAA,EAAPC,SAA6C,GAAG,IACrD,SAAAC,GAAQ,OAAAA,EAALC,OAAyC,MAAM,IACjD,SAAAC,GAAS,OAAAA,EAANC,QAA2C,MAAM,IACjD,SAAAC,GAAW,OAAAA,EAARC,UAA+C,MAAM,IACvD,SAAAC,GAAY,OAAAA,EAATC,WAAiD,MAAM,IAC3D,SAAAC,GAAA,IAAGC,EAAQD,EAARC,SAAQ,OAA6BA,GAAyB,MAAbA,EAAoBA,EAAW,GAAG,IACrF,SAAAC,GAAY,OAAAA,EAATC,WAAiD,GAAG,IACpD,SAAAC,GAAe,OAAAA,EAAZC,cAAuD,SAAS,KAIzEC,EAAc/C,EAAKC,EAAOF,GAAMiD,OAAM,SAACC,GAAyB,OAAAC,EAAA,CAEzEhB,MAAOe,EAAMf,OAAS,OACtBE,OAAQa,EAAMb,QAAU,OACxBZ,QAASyB,EAAMzB,SAAW,SAC1BE,MAAOuB,EAAMvB,OAAS,UACnBuB,EAAK,IAEV9C,WAAA,CAAAC,YAAA,oBAAAC,YAAA,gBAR8BJ,CAQ9B,CAAA,MAEWkD,EAAYnD,EAAKC,EAAOF,GAAMiD,OAAM,SAACC,GAAyB,OAAAC,EAAA,CACzEhB,MAAO,WACJe,EAAK,IACP9C,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAH2BJ,CAG3B,CAAA,MAEUmD,EAAkBpD,EAAKC,EAAOF,GAAMiD,OAAM,SAACC,GAAyB,OAAAC,EAAA,CAC/EhB,MAAO,UACPmB,MAAO,CACLC,KAAM,OACNtB,QAAS,OACTuB,OAAQ,oBAEPN,EAAK,IACP9C,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBARiCJ,CAQjC,CAAA"}
+{"version":3,"file":"Flex.js","sources":["../../../../../../../../src/core/ui/components/container/Flex.ts"],"sourcesContent":["import { memo } from 'react'\nimport styled from 'styled-components'\n\nexport type FlexProps = {\n  flex?: string\n  flexGrow?: string | number\n  alignText?: 'center' | 'right' | 'left'\n  direction?: string\n  flexShrink?: string | number\n  flexBasis?: string\n  flexWrap?: string\n  justify?: string\n  align?: string\n  alignSelf?: string\n  margin?: string\n  padding?: string\n  width?: string\n  height?: string\n  maxWidth?: string\n  maxHeight?: string\n  minWidth?: string\n  minHeight?: string\n  gap?: string\n  css?: string\n  borderRadius?: string\n}\n\nconst flexValueMap: Record<string, string> = {\n  start: 'flex-start',\n  'flex-start': 'flex-start',\n  end: 'flex-end',\n  'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\nexport const Flex = memo(styled.div<FlexProps>`\n  display: flex;\n  position: relative;\n  flex-direction: ${({ direction }: Partial<FlexProps>) => direction || 'row'};\n  flex: ${({ flex }: Partial<FlexProps>) => (flex !== undefined ? flex : '0')};\n  flex-grow: ${({ flexGrow }: Partial<FlexProps>) => (flexGrow !== undefined ? flexGrow : '0')};\n  flex-shrink: ${({ flexShrink }: Partial<FlexProps>) => (flexShrink !== undefined ? flexShrink : '0')};\n  flex-basis: ${({ flexBasis }: Partial<FlexProps>) => flexBasis || 'auto'};\n  flex-wrap: ${({ flexWrap }: Partial<FlexProps>) => flexWrap || 'nowrap'};\n  gap: ${({ gap }: Partial<FlexProps>) => (gap !== undefined ? gap : '0')};\n  text-align: ${({ alignText }: Partial<FlexProps>) => alignText || 'left'};\n  justify-content: ${({ justify }: Partial<FlexProps>) => resolveFlexProps(justify) || 'flex-start'};\n  align-items: ${({ align }: Partial<FlexProps>) => resolveFlexProps(align) || 'flex-start'};\n  align-self: ${({ alignSelf }: Partial<FlexProps>) => alignSelf || 'auto'};\n  margin: ${({ margin }: Partial<FlexProps>) => margin || '0'};\n  padding: ${({ padding }: Partial<FlexProps>) => padding || '0'};\n  width: ${({ width }: Partial<FlexProps>) => width || 'auto'};\n  height: ${({ height }: Partial<FlexProps>) => height || 'auto'};\n  max-width: ${({ maxWidth }: Partial<FlexProps>) => maxWidth || 'none'};\n  max-height: ${({ maxHeight }: Partial<FlexProps>) => maxHeight || 'none'};\n  min-width: ${({ minWidth }: Partial<FlexProps>) => ((minWidth || minWidth === '0') ? minWidth : '0')};\n  min-height: ${({ minHeight }: Partial<FlexProps>) => minHeight || '0'};\n  border-radius: ${({ borderRadius }: Partial<FlexProps>) => borderRadius || 'initial'};\n`)\n\n// default flex centralized, 100% width and height\nexport const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n  {\n    width: props.width || '100%',\n    height: props.height || '100%',\n    justify: props.justify || 'center',\n    align: props.align || 'center',\n    ...props,\n  }\n))``)\n\nexport const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n  width: 'initial',\n  ...props,\n}))``)\n\nexport const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n  width: 'initial',\n  style: {\n    text: 'blue',\n    padding: '1rem',\n    border: '1px solid green',\n  },\n  ...props,\n}))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","Flex","memo","styled","div","withConfig","displayName","componentId","_ref","direction","_ref2","flex","undefined","_ref3","flexGrow","_ref4","flexShrink","_ref5","flexBasis","_ref6","flexWrap","_ref7","gap","_ref8","alignText","_ref9","justify","_ref10","align","_ref11","alignSelf","_ref12","margin","_ref13","padding","_ref14","width","_ref15","height","_ref16","maxWidth","_ref17","maxHeight","_ref18","minWidth","_ref19","minHeight","_ref20","borderRadius","FlexWrapper","attrs","props","FlexTight","FlexTightStyled","style","text","border"],"mappings":"8DA2BA,MAAMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAE9FC,EAAOC,EAAKC,EAAOC,IAAGC,WAAA,CAAAC,YAAA,OAAAC,YAAA,gBAAVJ,CAAU,CAAA,iDAAA,SAAA,cAAA,gBAAA,eAAA,cAAA,QAAA,eAAA,oBAAA,gBAAA,eAAA,WAAA,YAAA,UAAA,WAAA,cAAA,eAAA,cAAA,eAAA,kBAAA,MAGfK,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,KAAK,IACnEC,IAAA,IAACC,KAAEA,GAA0BD,EAAA,YAAeE,IAATD,EAAqBA,EAAO,GAAG,IAC7DE,IAAA,IAACC,SAAEA,GAA8BD,EAAA,YAAmBD,IAAbE,EAAyBA,EAAW,GAAG,IAC5EC,IAAA,IAACC,WAAEA,GAAgCD,EAAA,YAAqBH,IAAfI,EAA2BA,EAAa,GAAG,IACrFC,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,MAAM,IAC3DC,IAAA,IAACC,SAAEA,GAA8BD,EAAA,OAAKC,GAAY,QAAQ,IAChEC,IAAA,IAACC,IAAEA,GAAyBD,EAAA,YAAcT,IAARU,EAAoBA,EAAM,GAAG,IACxDC,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,MAAM,IACrDC,IAAA,IAACC,QAAEA,GAA6BD,EAAA,OAAK1B,EAAiB2B,IAAY,YAAY,IAClFC,IAAA,IAACC,MAAEA,GAA2BD,EAAA,OAAK5B,EAAiB6B,IAAU,YAAY,IAC3EC,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,MAAM,IAC9DC,IAAA,IAACC,OAAEA,GAA4BD,EAAA,OAAKC,GAAU,GAAG,IAChDC,IAAA,IAACC,QAAEA,GAA6BD,EAAA,OAAKC,GAAW,GAAG,IACrDC,IAAA,IAACC,MAAEA,GAA2BD,EAAA,OAAKC,GAAS,MAAM,IACjDC,IAAA,IAACC,OAAEA,GAA4BD,EAAA,OAAKC,GAAU,MAAM,IACjDC,IAAA,IAACC,SAAEA,GAA8BD,EAAA,OAAKC,GAAY,MAAM,IACvDC,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,MAAM,IAC3DC,IAAA,IAACC,SAAEA,GAA8BD,EAAA,OAAOC,GAAyB,MAAbA,EAAoBA,EAAW,GAAG,IACrFC,IAAA,IAACC,UAAEA,GAA+BD,EAAA,OAAKC,GAAa,GAAG,IACpDC,IAAA,IAACC,aAAEA,GAAkCD,EAAA,OAAKC,GAAgB,SAAS,KAIzEC,EAAc/C,EAAKC,EAAOF,GAAMiD,OAAOC,IAClD,CACEf,MAAOe,EAAMf,OAAS,OACtBE,OAAQa,EAAMb,QAAU,OACxBZ,QAASyB,EAAMzB,SAAW,SAC1BE,MAAOuB,EAAMvB,OAAS,YACnBuB,MAEL9C,WAAA,CAAAC,YAAA,oBAAAC,YAAA,gBAR8BJ,CAQ9B,CAAA,MAEWiD,EAAYlD,EAAKC,EAAOF,GAAMiD,OAAOC,IAA+B,CAC/Ef,MAAO,aACJe,MACF9C,WAAA,CAAAC,YAAA,kBAAAC,YAAA,gBAH2BJ,CAG3B,CAAA,MAEUkD,EAAkBnD,EAAKC,EAAOF,GAAMiD,OAAOC,IAA+B,CACrFf,MAAO,UACPkB,MAAO,CACLC,KAAM,OACNrB,QAAS,OACTsB,OAAQ,sBAEPL,MACF9C,WAAA,CAAAC,YAAA,wBAAAC,YAAA,gBARiCJ,CAQjC,CAAA"}

package/dist/lib/esm/src/core/ui/components/container/LayoutBox.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as e,objectSpread2 as t,extends as r}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import"../../../../../node_modules/core-js/modules/es.array.concat.js";import{memo as a,forwardRef as o,useMemo as s}from"react";import{useParseProps as l}from"../../../hooks/useParseProps.js";import n from"./layoutBox.module.scss.js";var i=["style","children","tabIndex","className"],c={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},d=function(e){return e&&c[e]||e},f=o((function(a,o){var c=a.style,f=a.children,u=a.tabIndex,m=a.className,x=void 0===m?"":m,p=e(a,i),y=l(p),j=y.dataProps,b=y.restProps,v=s((function(){return t(t(t(t(t({},b),b.align?{alignItems:d(b.align)}:{}),b.justify?{justifyContent:d(b.justify)}:{}),b.direction?{flexDirection:b.direction}:{}),c)}),[b,c]);return React.createElement("div",r({ref:o,tabIndex:u,className:"".concat(n["flexible-box"]," ").concat(x),style:v},j),f)}));f.displayName="LayoutBoxRefForwarded";var u=a(f);u.displayName="LayoutBox";export{u as LayoutBox};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import{memo as t,forwardRef as s,useMemo as o}from"react";import{useParseProps as a}from"../../../hooks/useParseProps.js";import r from"./layoutBox.module.scss.js";const l={start:"flex-start","flex-start":"flex-start",end:"flex-end","flex-end":"flex-end"},n=e=>e&&l[e]||e,i=s(((t,s)=>{let{style:l,children:i,tabIndex:c,className:d="",...f}=t;const{dataProps:x,restProps:m}=a(f),p=o((()=>({...m,...m.align?{alignItems:n(m.align)}:{},...m.justify?{justifyContent:n(m.justify)}:{},...m.direction?{flexDirection:m.direction}:{},...l})),[m,l]);return React.createElement("div",e({ref:s,tabIndex:c,className:"".concat(r["flexible-box"]," ").concat(d),style:p},x),i)}));i.displayName="LayoutBoxRefForwarded";const c=t(i);c.displayName="LayoutBox";export{c as LayoutBox};
 //# sourceMappingURL=LayoutBox.js.map

package/dist/lib/esm/src/core/ui/components/container/LayoutBox.js.map

@@ -1 +1 @@
-{"version":3,"file":"LayoutBox.js","sources":["../../../../../../../../src/core/ui/components/container/LayoutBox.tsx"],"sourcesContent":["import { memo, FC, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport { LayoutBoxProps } from './layoutBox.types'\nimport classes from './layoutBox.module.scss'\n\n\nconst flexValueMap: Record<string, string> = {\n  start: 'flex-start',\n  'flex-start': 'flex-start',\n  end: 'flex-end',\n  'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n\nconst LayoutBoxRefForwarded = forwardRef(({\n  style, children, tabIndex, className = '', ...props\n}: LayoutBoxProps, ref: LegacyRef<HTMLDivElement> | undefined) => {\n  const { dataProps, restProps } = useParseProps(props)\n\n  const styles = useMemo(() => (\n    {\n      ...restProps,\n      ...(restProps.align ? { alignItems: resolveFlexProps(restProps.align as string) } : {}),\n      ...(restProps.justify ? { justifyContent: resolveFlexProps(restProps.justify as string) } : {}),\n      ...(restProps.direction ? { flexDirection: restProps.direction } : {}),\n      ...style,\n    }\n  ), [restProps, style])\n\n  return (\n    <div\n      ref={ref}\n      tabIndex={tabIndex}\n      className={`${(classes as any)['flexible-box']} ${className}`}\n      style={styles as CSSProperties}\n      {...dataProps}\n    >\n      {children}\n    </div>\n  )\n})\n\nLayoutBoxRefForwarded.displayName = 'LayoutBoxRefForwarded'\n\nexport const LayoutBox: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\n\nLayoutBox.displayName = 'LayoutBox'\n\n\n// default flex centralized, 100% width and height\n// export const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n//   {\n//     width: props.width || '100%',\n//     height: props.height || '100%',\n//     justify: props.justify || 'center',\n//     align: props.align || 'center',\n//     ...props,\n//   }\n// ))``)\n\n// export const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n//   size: 'unset',\n//   width: 'initial',\n//   ...props,\n// }))``)\n\n// export const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n//   size: 'unset',\n//   width: 'initial',\n//   style: {\n//     text: 'blue',\n//     padding: '1rem',\n//     border: '1px solid green',\n//   },\n//   ...props,\n// }))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","LayoutBoxRefForwarded","forwardRef","_ref","ref","style","children","tabIndex","_ref$className","className","props","_objectWithoutProperties","_excluded","_useParseProps","useParseProps","dataProps","restProps","styles","useMemo","_objectSpread","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","_extends","concat","classes","displayName","LayoutBox","memo"],"mappings":"4ZAQMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAmB,SAACC,GAAc,OAA0BA,GAASJ,EAAaI,IAAmBA,CAAK,EAG1GC,EAAwBC,GAAW,SAAAC,EAEtBC,GAA+C,IADhEC,EAAKF,EAALE,MAAOC,EAAQH,EAARG,SAAUC,EAAQJ,EAARI,SAAQC,EAAAL,EAAEM,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAKE,EAAKC,EAAAR,EAAAS,GAEnDC,EAAiCC,EAAcJ,GAAvCK,EAASF,EAATE,UAAWC,EAASH,EAATG,UAEbC,EAASC,GAAQ,WAAA,OAAAC,EAAAA,EAAAA,EAAAA,EAAAA,KAEhBH,GACCA,EAAUI,MAAQ,CAAEC,WAAYtB,EAAiBiB,EAAUI,QAAqB,CAAE,GAClFJ,EAAUM,QAAU,CAAEC,eAAgBxB,EAAiBiB,EAAUM,UAAuB,CAAE,GAC1FN,EAAUQ,UAAY,CAAEC,cAAeT,EAAUQ,WAAc,CAAE,GAClEnB,EAAK,GAET,CAACW,EAAWX,IAEf,OACEqB,MAAAC,cAAA,MAAAC,EAAA,CACExB,IAAKA,EACLG,SAAUA,EACVE,UAAS,GAAAoB,OAAMC,EAAgB,gBAAeD,KAAAA,OAAIpB,GAClDJ,MAAOY,GACHF,GAEHT,EAGP,IAEAL,EAAsB8B,YAAc,4BAEvBC,EAAgCC,EAAqBhC,GAGlE+B,EAAUD,YAAc"}
+{"version":3,"file":"LayoutBox.js","sources":["../../../../../../../../src/core/ui/components/container/LayoutBox.tsx"],"sourcesContent":["import { memo, FC, useMemo, CSSProperties, forwardRef, LegacyRef } from 'react'\n\nimport { useParseProps } from '../../../hooks/useParseProps'\n\nimport { LayoutBoxProps } from './layoutBox.types'\nimport classes from './layoutBox.module.scss'\n\n\nconst flexValueMap: Record<string, string> = {\n  start: 'flex-start',\n  'flex-start': 'flex-start',\n  end: 'flex-end',\n  'flex-end': 'flex-end',\n}\n\nconst resolveFlexProps = (value?: string): string | undefined => (value ? (flexValueMap[value] || value) : value)\n\n\nconst LayoutBoxRefForwarded = forwardRef(({\n  style, children, tabIndex, className = '', ...props\n}: LayoutBoxProps, ref: LegacyRef<HTMLDivElement> | undefined) => {\n  const { dataProps, restProps } = useParseProps(props)\n\n  const styles = useMemo(() => (\n    {\n      ...restProps,\n      ...(restProps.align ? { alignItems: resolveFlexProps(restProps.align as string) } : {}),\n      ...(restProps.justify ? { justifyContent: resolveFlexProps(restProps.justify as string) } : {}),\n      ...(restProps.direction ? { flexDirection: restProps.direction } : {}),\n      ...style,\n    }\n  ), [restProps, style])\n\n  return (\n    <div\n      ref={ref}\n      tabIndex={tabIndex}\n      className={`${(classes as any)['flexible-box']} ${className}`}\n      style={styles as CSSProperties}\n      {...dataProps}\n    >\n      {children}\n    </div>\n  )\n})\n\nLayoutBoxRefForwarded.displayName = 'LayoutBoxRefForwarded'\n\nexport const LayoutBox: FC<LayoutBoxProps> = memo<LayoutBoxProps>(LayoutBoxRefForwarded)\n\n\nLayoutBox.displayName = 'LayoutBox'\n\n\n// default flex centralized, 100% width and height\n// export const FlexWrapper = memo(styled(Flex).attrs((props: Partial<FlexProps>) => (\n//   {\n//     width: props.width || '100%',\n//     height: props.height || '100%',\n//     justify: props.justify || 'center',\n//     align: props.align || 'center',\n//     ...props,\n//   }\n// ))``)\n\n// export const FlexTight = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n//   size: 'unset',\n//   width: 'initial',\n//   ...props,\n// }))``)\n\n// export const FlexTightStyled = memo(styled(Flex).attrs((props: Partial<FlexProps>) => ({\n//   size: 'unset',\n//   width: 'initial',\n//   style: {\n//     text: 'blue',\n//     padding: '1rem',\n//     border: '1px solid green',\n//   },\n//   ...props,\n// }))``)\n"],"names":["flexValueMap","start","end","resolveFlexProps","value","LayoutBoxRefForwarded","forwardRef","_ref","ref","style","children","tabIndex","className","props","dataProps","restProps","useParseProps","styles","useMemo","align","alignItems","justify","justifyContent","direction","flexDirection","React","createElement","_extends","concat","classes","displayName","LayoutBox","memo"],"mappings":"mPAQA,MAAMA,EAAuC,CAC3CC,MAAO,aACP,aAAc,aACdC,IAAK,WACL,WAAY,YAGRC,EAAoBC,GAAwCA,GAASJ,EAAaI,IAAmBA,EAGrGC,EAAwBC,GAAW,CAAAC,EAEtBC,KAA+C,IAFxBC,MACxCA,EAAKC,SAAEA,EAAQC,SAAEA,EAAQC,UAAEA,EAAY,MAAOC,GAC/BN,EACf,MAAMO,UAAEA,EAASC,UAAEA,GAAcC,EAAcH,GAEzCI,EAASC,GAAQ,KACrB,IACKH,KACCA,EAAUI,MAAQ,CAAEC,WAAYjB,EAAiBY,EAAUI,QAAqB,MAChFJ,EAAUM,QAAU,CAAEC,eAAgBnB,EAAiBY,EAAUM,UAAuB,MACxFN,EAAUQ,UAAY,CAAEC,cAAeT,EAAUQ,WAAc,MAChEd,KAEJ,CAACM,EAAWN,IAEf,OACEgB,MAAAC,cAAA,MAAAC,EAAA,CACEnB,IAAKA,EACLG,SAAUA,EACVC,UAAS,GAAAgB,OAAMC,EAAgB,gBAAeD,KAAAA,OAAIhB,GAClDH,MAAOQ,GACHH,GAEHJ,EACG,IAIVL,EAAsByB,YAAc,8BAEvBC,EAAgCC,EAAqB3B,GAGlE0B,EAAUD,YAAc"}

package/dist/lib/esm/src/core/ui/components/container/Placeholder.js

@@ -1,2 +1,2 @@
-import{objectWithoutProperties as r,extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"styled-components";import{memo as t}from"react";import{FlexWrapper as c}from"./Flex.js";var n=["title","border","background","onClick","cssProp","children"],l=t((function(o){var t=o.title,c=o.border,l=o.background,i=o.onClick,a=o.cssProp,d=o.children,p=r(o,n);return React.createElement(s,e({onClick:i},p,{$_css:c||"border: 1px solid #999999;",$_css2:l||"background-color: rgba(0, 120, 255, 0.2);",$_css3:a}),t&&React.createElement("h2",null,t),d&&d)}));l.displayName="Placeholder";var s=o(c).withConfig({displayName:"Placeholder___StyledFlexWrapper",componentId:"sc-ozx0bx-0"})([""," "," ",""],(function(r){return r.$_css}),(function(r){return r.$_css2}),(function(r){return r.$_css3}));export{l as Placeholder};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"styled-components";import{memo as o}from"react";import{FlexWrapper as l}from"./Flex.js";const s=o((r=>{let{title:o,border:l,background:s,onClick:t,cssProp:a,children:n,...i}=r;return React.createElement(c,e({onClick:t},i,{$_css:l||"border: 1px solid #999999;",$_css2:s||"background-color: rgba(0, 120, 255, 0.2);",$_css3:a}),o&&React.createElement("h2",null,o),n&&n)}));s.displayName="Placeholder";var c=r(l).withConfig({displayName:"Placeholder___StyledFlexWrapper",componentId:"sc-ozx0bx-0"})([""," "," ",""],(e=>e.$_css),(e=>e.$_css2),(e=>e.$_css3));export{s as Placeholder};
 //# sourceMappingURL=Placeholder.js.map

package/dist/lib/esm/src/core/ui/components/container/Placeholder.js.map

@@ -1 +1 @@
-{"version":3,"file":"Placeholder.js","sources":["../../../../../../../../src/core/ui/components/container/Placeholder.tsx"],"sourcesContent":["import { FC, memo, PropsWithChildren } from 'react'\n\nimport { FlexWrapper, FlexProps } from './Flex'\n\nexport type PlaceholderProps = FlexProps & PropsWithChildren<unknown> & {\n  title?: string\n  cssProp?: string\n  background?: string\n  border?: string\n  onClick?: () => void\n}\n\nexport const Placeholder: FC<PlaceholderProps>\n= memo<PlaceholderProps>(({ title, border, background, onClick, cssProp, children, ...props }: PlaceholderProps) => (\n  <FlexWrapper\n    css={`\n      ${border || 'border: 1px solid #999999;'}\n      ${background || 'background-color: rgba(0, 120, 255, 0.2);'}\n      ${cssProp}\n    `}\n    onClick={onClick}\n    // eslint-disable-next-line react/jsx-props-no-spreading\n    {...props}\n  >\n    {title && (<h2>{title}</h2>)}\n    {children && children}\n  </FlexWrapper>\n))\n\nPlaceholder.displayName = 'Placeholder'\n"],"names":["Placeholder","memo","_ref","title","border","background","onClick","cssProp","children","props","_objectWithoutProperties","_excluded","React","createElement","_StyledFlexWrapper","_extends","$_css","$_css2","$_css3","displayName","_styled","FlexWrapper","withConfig","componentId","p"],"mappings":"uRAYaA,EACXC,GAAuB,SAAAC,GAAA,IAAGC,EAAKD,EAALC,MAAOC,EAAMF,EAANE,OAAQC,EAAUH,EAAVG,WAAYC,EAAOJ,EAAPI,QAASC,EAAOL,EAAPK,QAASC,EAAQN,EAARM,SAAaC,EAAKC,EAAAR,EAAAS,GAAA,OACzFC,MAAAC,cAAAC,EAAAC,EAAA,CAMET,QAASA,GAELG,EAAK,CAAAO,MANLZ,GAAU,6BAA4Ba,OACtCZ,GAAc,4CAA2Ca,OACzDX,IAMHJ,GAAUS,MAAAC,cAAA,KAAA,KAAKV,GACfK,GAAYA,EACD,IAGhBR,EAAYmB,YAAc,cAAa,IAAAL,EAAAM,EAAAC,GAAAC,WAAA,CAAAH,YAAA,kCAAAI,YAAA,eAAAH,CAAA,CAAA,GAAA,IAAA,IAAA,KAAA,SAAAI,GAAA,OAAAA,EAAAR,KAAA,IAAA,SAAAQ,GAAA,OAAAA,EAAAP,MAAA,IAAA,SAAAO,GAAA,OAAAA,EAAAN,MAAA"}
+{"version":3,"file":"Placeholder.js","sources":["../../../../../../../../src/core/ui/components/container/Placeholder.tsx"],"sourcesContent":["import { FC, memo, PropsWithChildren } from 'react'\n\nimport { FlexWrapper, FlexProps } from './Flex'\n\nexport type PlaceholderProps = FlexProps & PropsWithChildren<unknown> & {\n  title?: string\n  cssProp?: string\n  background?: string\n  border?: string\n  onClick?: () => void\n}\n\nexport const Placeholder: FC<PlaceholderProps>\n= memo<PlaceholderProps>(({ title, border, background, onClick, cssProp, children, ...props }: PlaceholderProps) => (\n  <FlexWrapper\n    css={`\n      ${border || 'border: 1px solid #999999;'}\n      ${background || 'background-color: rgba(0, 120, 255, 0.2);'}\n      ${cssProp}\n    `}\n    onClick={onClick}\n    // eslint-disable-next-line react/jsx-props-no-spreading\n    {...props}\n  >\n    {title && (<h2>{title}</h2>)}\n    {children && children}\n  </FlexWrapper>\n))\n\nPlaceholder.displayName = 'Placeholder'\n"],"names":["Placeholder","memo","_ref","title","border","background","onClick","cssProp","children","props","React","createElement","_StyledFlexWrapper","_extends","$_css","$_css2","$_css3","displayName","_styled","FlexWrapper","withConfig","componentId","p"],"mappings":"qLAYaA,MAAAA,EACXC,GAAuBC,IAAA,IAACC,MAAEA,EAAKC,OAAEA,EAAMC,WAAEA,EAAUC,QAAEA,EAAOC,QAAEA,EAAOC,SAAEA,KAAaC,GAAyBP,EAAA,OAC7GQ,MAAAC,cAAAC,EAAAC,EAAA,CAMEP,QAASA,GAELG,EAAK,CAAAK,MANLV,GAAU,6BAA4BW,OACtCV,GAAc,4CAA2CW,OACzDT,IAMHJ,GAAUO,MAAAC,cAAA,KAAA,KAAKR,GACfK,GAAYA,EACD,IAGhBR,EAAYiB,YAAc,cAAa,IAAAL,EAAAM,EAAAC,GAAAC,WAAA,CAAAH,YAAA,kCAAAI,YAAA,eAAAH,CAAA,CAAA,GAAA,IAAA,IAAA,KAAAI,GAAAA,EAAAR,QAAAQ,GAAAA,EAAAP,SAAAO,GAAAA,EAAAN"}