@chayns-components/core 5.0.0-beta.41 → 5.0.0-beta.412

package/lib/components/number-input/NumberInput.js

@@ -0,0 +1,130 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _Input = _interopRequireDefault(require("../input/Input"));
+var _number = require("./constants/number");
+var _number2 = require("./utils/number");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const NumberInput = _ref => {
+  let {
+    isDecimalInput,
+    isMoneyInput,
+    isTimeInput,
+    maxNumber = Infinity,
+    value,
+    placeholder,
+    onBlur,
+    isDisabled,
+    onChange,
+    minNumber = -Infinity
+  } = _ref;
+  // the plainText will be shown in the input, when it is in focus
+  const [plainText, setPlainText] = (0, _react.useState)('');
+  // the formattedValue will be shown in the input, when it is not in focus
+  const [formattedValue, setFormattedValue] = (0, _react.useState)('');
+  const [hasFocus, setHasFocus] = (0, _react.useState)(false);
+  const [isValueInvalid, setIsValueInvalid] = (0, _react.useState)(false);
+  const localPlaceholder = placeholder ?? (isMoneyInput ? '€' : undefined);
+  const onLocalChange = event => {
+    const newValue = event.target.value;
+    if (newValue.replaceAll(':', '').length > 4) {
+      return;
+    }
+    const sanitizedValueString = newValue
+    // Removes everything except numbers, commas and points
+    .replace(_number.NUMBER_CLEAR_REGEX, '');
+    const valueToCheck = sanitizedValueString.replaceAll(',', '.');
+    if (!(0, _number2.isValidString)({
+      string: valueToCheck,
+      isMoneyInput,
+      isDecimalInput,
+      isTimeInput
+    })) {
+      return;
+    }
+    setPlainText(sanitizedValueString.replaceAll('.', ','));
+    if (typeof onChange === 'function') {
+      onChange(sanitizedValueString.replaceAll('.', ','));
+    }
+  };
+  const onLocalBlur = () => {
+    const sanitizedValue = plainText.length === 0 ? '0' : plainText;
+    let isInvalid = false;
+    const parsedNumber = (0, _number2.parseFloatWithDecimals)({
+      stringValue: sanitizedValue.replace(',', '.').replaceAll(':', ''),
+      decimals: isMoneyInput ? 2 : undefined
+    });
+    if (parsedNumber !== 0 && (parsedNumber > maxNumber || parsedNumber < minNumber)) {
+      isInvalid = true;
+    }
+    setIsValueInvalid(isInvalid);
+    const newStringValue = plainText.length === 0 ? '' : (0, _number2.formateNumber)({
+      number: parsedNumber,
+      isMoneyInput,
+      isTimeInput
+    });
+    setFormattedValue(newStringValue);
+    setPlainText(newStringValue.replaceAll('.', ''));
+    setHasFocus(false);
+    if (typeof onChange === 'function') {
+      onChange(newStringValue.replaceAll('.', ''));
+    }
+    if (typeof onBlur === 'function') {
+      onBlur(parsedNumber === 0 ? null : parsedNumber, isInvalid);
+    }
+  };
+  const onLocalFocus = () => {
+    // formattedValue will be a number string with german number format (e.g. 1.000,00)
+    // It will remove all dots, so that the user can type in the number
+    setPlainText(formattedValue.replaceAll('.', ''));
+
+    // This will update the external state
+    if (typeof onChange === 'function') {
+      onChange(formattedValue.replaceAll('.', ''));
+    }
+    setIsValueInvalid(false);
+    setHasFocus(true);
+  };
+
+  // updates the formattedValue, when the value changes
+  (0, _react.useEffect)(() => {
+    const parsedNumber = (0, _number2.parseFloatWithDecimals)({
+      stringValue: plainText.replace(',', '.').replaceAll(':', ''),
+      decimals: isMoneyInput ? 2 : undefined
+    });
+
+    // checks, if a given number is invalid, if the input is not in focus
+    if (!hasFocus) {
+      setIsValueInvalid(parsedNumber > maxNumber || parsedNumber < minNumber);
+    }
+    setFormattedValue(plainText.length === 0 ? '' : (0, _number2.formateNumber)({
+      number: parsedNumber,
+      isMoneyInput,
+      isTimeInput
+    }));
+  }, [hasFocus, isMoneyInput, isTimeInput, maxNumber, minNumber, plainText]);
+  (0, _react.useEffect)(() => {
+    if (typeof value === 'string') {
+      setPlainText(value);
+    }
+  }, [value]);
+  return /*#__PURE__*/_react.default.createElement(_Input.default, {
+    inputMode: "decimal",
+    onChange: onLocalChange,
+    value: hasFocus ? plainText : formattedValue,
+    placeholder: localPlaceholder,
+    onBlur: onLocalBlur,
+    onFocus: onLocalFocus,
+    isDisabled: isDisabled,
+    isInvalid: isValueInvalid
+  });
+};
+NumberInput.displayName = 'NumberInput';
+var _default = exports.default = NumberInput;
+//# sourceMappingURL=NumberInput.js.map

package/lib/components/number-input/NumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberInput.js","names":["_react","_interopRequireWildcard","require","_Input","_interopRequireDefault","_number","_number2","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","NumberInput","_ref","isDecimalInput","isMoneyInput","isTimeInput","maxNumber","Infinity","value","placeholder","onBlur","isDisabled","onChange","minNumber","plainText","setPlainText","useState","formattedValue","setFormattedValue","hasFocus","setHasFocus","isValueInvalid","setIsValueInvalid","localPlaceholder","undefined","onLocalChange","event","newValue","target","replaceAll","length","sanitizedValueString","replace","NUMBER_CLEAR_REGEX","valueToCheck","isValidString","string","onLocalBlur","sanitizedValue","isInvalid","parsedNumber","parseFloatWithDecimals","stringValue","decimals","newStringValue","formateNumber","number","onLocalFocus","useEffect","createElement","inputMode","onFocus","displayName","_default","exports"],"sources":["../../../src/components/number-input/NumberInput.tsx"],"sourcesContent":["import React, { ChangeEventHandler, FC, useEffect, useState } from 'react';\nimport Input from '../input/Input';\nimport { NUMBER_CLEAR_REGEX } from './constants/number';\nimport { formateNumber, isValidString, parseFloatWithDecimals } from './utils/number';\n\nexport type NumberInputProps = {\n    /**\n     * Applies rules for decimal input.\n     * Enables the user to input one zero as number before the comma\n     */\n    isDecimalInput?: boolean;\n    /**\n     * Whether the input is disabled\n     */\n    isDisabled?: boolean;\n    /**\n     * Applies rules for money input.\n     * Rules: only two decimal places, one zero before the comma\n     */\n    isMoneyInput?: boolean;\n    /**\n     * Whether the value should be formatted as a time.\n     */\n    isTimeInput?: boolean;\n    /**\n     * Limits the number to this value\n     */\n    maxNumber?: number;\n    /**\n     * Limits the number to this value\n     */\n    minNumber?: number;\n    /**\n     * Callback function that is called when the input gets out of focus\n     */\n    onBlur?: (newNumber: number | null, isInvalid: boolean) => void;\n    /**\n     * Callback function that is called when the input changes\n     * It will pass the text from the input\n     */\n    onChange?: (newValue: string) => void;\n    /**\n     * Placeholder for the input field\n     */\n    placeholder?: string;\n    /**\n     * The value, that should be displayed in the input, when it is in focus.\n     * You can also pass a stringified number as default value.\n     * NOTE: If you pass a stringified number, it will be formatted to the selected format\n     */\n    value?: string;\n};\n\nconst NumberInput: FC<NumberInputProps> = ({\n    isDecimalInput,\n    isMoneyInput,\n    isTimeInput,\n    maxNumber = Infinity,\n    value,\n    placeholder,\n    onBlur,\n    isDisabled,\n    onChange,\n    minNumber = -Infinity,\n}) => {\n    // the plainText will be shown in the input, when it is in focus\n    const [plainText, setPlainText] = useState<string>('');\n    // the formattedValue will be shown in the input, when it is not in focus\n    const [formattedValue, setFormattedValue] = useState<string>('');\n    const [hasFocus, setHasFocus] = useState<boolean>(false);\n\n    const [isValueInvalid, setIsValueInvalid] = useState(false);\n    const localPlaceholder = placeholder ?? (isMoneyInput ? '€' : undefined);\n\n    const onLocalChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n        const newValue = event.target.value;\n\n        if (newValue.replaceAll(':', '').length > 4) {\n            return;\n        }\n\n        const sanitizedValueString = newValue\n            // Removes everything except numbers, commas and points\n            .replace(NUMBER_CLEAR_REGEX, '');\n\n        const valueToCheck = sanitizedValueString.replaceAll(',', '.');\n\n        if (!isValidString({ string: valueToCheck, isMoneyInput, isDecimalInput, isTimeInput })) {\n            return;\n        }\n\n        setPlainText(sanitizedValueString.replaceAll('.', ','));\n\n        if (typeof onChange === 'function') {\n            onChange(sanitizedValueString.replaceAll('.', ','));\n        }\n    };\n\n    const onLocalBlur = () => {\n        const sanitizedValue = plainText.length === 0 ? '0' : plainText;\n        let isInvalid = false;\n\n        const parsedNumber = parseFloatWithDecimals({\n            stringValue: sanitizedValue.replace(',', '.').replaceAll(':', ''),\n            decimals: isMoneyInput ? 2 : undefined,\n        });\n\n        if (parsedNumber !== 0 && (parsedNumber > maxNumber || parsedNumber < minNumber)) {\n            isInvalid = true;\n        }\n\n        setIsValueInvalid(isInvalid);\n\n        const newStringValue =\n            plainText.length === 0\n                ? ''\n                : formateNumber({\n                      number: parsedNumber,\n                      isMoneyInput,\n                      isTimeInput,\n                  });\n\n        setFormattedValue(newStringValue);\n        setPlainText(newStringValue.replaceAll('.', ''));\n        setHasFocus(false);\n\n        if (typeof onChange === 'function') {\n            onChange(newStringValue.replaceAll('.', ''));\n        }\n\n        if (typeof onBlur === 'function') {\n            onBlur(parsedNumber === 0 ? null : parsedNumber, isInvalid);\n        }\n    };\n\n    const onLocalFocus = () => {\n        // formattedValue will be a number string with german number format (e.g. 1.000,00)\n        // It will remove all dots, so that the user can type in the number\n        setPlainText(formattedValue.replaceAll('.', ''));\n\n        // This will update the external state\n        if (typeof onChange === 'function') {\n            onChange(formattedValue.replaceAll('.', ''));\n        }\n\n        setIsValueInvalid(false);\n        setHasFocus(true);\n    };\n\n    // updates the formattedValue, when the value changes\n    useEffect(() => {\n        const parsedNumber = parseFloatWithDecimals({\n            stringValue: plainText.replace(',', '.').replaceAll(':', ''),\n            decimals: isMoneyInput ? 2 : undefined,\n        });\n\n        // checks, if a given number is invalid, if the input is not in focus\n        if (!hasFocus) {\n            setIsValueInvalid(parsedNumber > maxNumber || parsedNumber < minNumber);\n        }\n\n        setFormattedValue(\n            plainText.length === 0\n                ? ''\n                : formateNumber({\n                      number: parsedNumber,\n                      isMoneyInput,\n                      isTimeInput,\n                  }),\n        );\n    }, [hasFocus, isMoneyInput, isTimeInput, maxNumber, minNumber, plainText]);\n\n    useEffect(() => {\n        if (typeof value === 'string') {\n            setPlainText(value);\n        }\n    }, [value]);\n\n    return (\n        <Input\n            inputMode=\"decimal\"\n            onChange={onLocalChange}\n            value={hasFocus ? plainText : formattedValue}\n            placeholder={localPlaceholder}\n            onBlur={onLocalBlur}\n            onFocus={onLocalFocus}\n            isDisabled={isDisabled}\n            isInvalid={isValueInvalid}\n        />\n    );\n};\n\nNumberInput.displayName = 'NumberInput';\n\nexport default NumberInput;\n"],"mappings":"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"}

package/lib/components/number-input/constants/number.d.ts

@@ -0,0 +1,5 @@
+export declare const NUMBER_CLEAR_REGEX: RegExp;
+export declare const INTEGER_TEST: RegExp;
+export declare const DECIMAL_TEST: RegExp;
+export declare const MONEY_TEST: RegExp;
+export declare const TIME_TEST: RegExp;

package/lib/components/number-input/constants/number.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TIME_TEST = exports.NUMBER_CLEAR_REGEX = exports.MONEY_TEST = exports.INTEGER_TEST = exports.DECIMAL_TEST = void 0;
+const NUMBER_CLEAR_REGEX = exports.NUMBER_CLEAR_REGEX = /[^\d,.:]/gi;
+const INTEGER_TEST = exports.INTEGER_TEST = /^[1-9][0-9]*$/;
+const DECIMAL_TEST = exports.DECIMAL_TEST = /^(0|[1-9][0-9]*)?(\.[0-9]*)?$/;
+const MONEY_TEST = exports.MONEY_TEST = /^(0|[1-9][0-9]*)?(\.[0-9]{0,2})?$/;
+const TIME_TEST = exports.TIME_TEST = /^\d{1,2}(:\d{1,2})?$/;
+//# sourceMappingURL=number.js.map

package/lib/components/number-input/constants/number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number.js","names":["NUMBER_CLEAR_REGEX","exports","INTEGER_TEST","DECIMAL_TEST","MONEY_TEST","TIME_TEST"],"sources":["../../../../src/components/number-input/constants/number.ts"],"sourcesContent":["export const NUMBER_CLEAR_REGEX = /[^\\d,.:]/gi;\nexport const INTEGER_TEST = /^[1-9][0-9]*$/;\nexport const DECIMAL_TEST = /^(0|[1-9][0-9]*)?(\\.[0-9]*)?$/;\nexport const MONEY_TEST = /^(0|[1-9][0-9]*)?(\\.[0-9]{0,2})?$/;\nexport const TIME_TEST = /^\\d{1,2}(:\\d{1,2})?$/;\n"],"mappings":";;;;;;AAAO,MAAMA,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAG,YAAY;AACvC,MAAME,YAAY,GAAAD,OAAA,CAAAC,YAAA,GAAG,eAAe;AACpC,MAAMC,YAAY,GAAAF,OAAA,CAAAE,YAAA,GAAG,+BAA+B;AACpD,MAAMC,UAAU,GAAAH,OAAA,CAAAG,UAAA,GAAG,mCAAmC;AACtD,MAAMC,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAG,sBAAsB"}

package/lib/components/number-input/utils/number.d.ts

@@ -0,0 +1,23 @@
+interface ParseFloatWithDecimals {
+    ({ stringValue, decimals }: {
+        stringValue: string;
+        decimals?: number;
+    }): number;
+}
+export declare const parseFloatWithDecimals: ParseFloatWithDecimals;
+interface FormateNumberOptions {
+    number: number | null;
+    isMoneyInput?: boolean;
+    isTimeInput?: boolean;
+}
+export declare const formateNumber: ({ number, isMoneyInput, isTimeInput }: FormateNumberOptions) => string;
+interface IsValidString {
+    (config: {
+        string: string;
+        isDecimalInput?: boolean;
+        isMoneyInput?: boolean;
+        isTimeInput?: boolean;
+    }): boolean;
+}
+export declare const isValidString: IsValidString;
+export {};

package/lib/components/number-input/utils/number.js

@@ -0,0 +1,84 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.parseFloatWithDecimals = exports.isValidString = exports.formateNumber = void 0;
+var _number = require("../constants/number");
+const parseFloatWithDecimals = _ref => {
+  let {
+    stringValue,
+    decimals
+  } = _ref;
+  const parsed = parseFloat(stringValue);
+  if (decimals) {
+    return parseFloat(parsed.toFixed(decimals));
+  }
+  return parsed;
+};
+exports.parseFloatWithDecimals = parseFloatWithDecimals;
+const formateNumber = _ref2 => {
+  let {
+    number,
+    isMoneyInput,
+    isTimeInput
+  } = _ref2;
+  if (typeof number !== 'number') {
+    return '';
+  }
+  if (isTimeInput) {
+    let hours = 0;
+    let minutes = 0;
+    const firstTwoNumbers = Number(String(number).substring(0, 2));
+    const lastTwoNumbers = Number(String(number).substring(2, 4));
+    hours = firstTwoNumbers > 23 ? 23 : firstTwoNumbers;
+    if (lastTwoNumbers < 7) {
+      minutes = lastTwoNumbers * 10;
+    } else {
+      minutes = lastTwoNumbers > 59 ? 59 : lastTwoNumbers;
+    }
+    const hoursStr = hours < 10 ? `0${hours}` : `${hours}`;
+    const minutesStr = minutes < 10 ? `0${minutes}` : `${minutes}`;
+    return `${hoursStr}:${minutesStr}`;
+  }
+  return number.toLocaleString('de-DE', {
+    useGrouping: true,
+    minimumFractionDigits: isMoneyInput ? 2 : undefined,
+    maximumFractionDigits: isMoneyInput ? 2 : undefined,
+    maximumSignificantDigits: !isMoneyInput ? 20 : undefined
+  });
+};
+exports.formateNumber = formateNumber;
+const isValidString = _ref3 => {
+  let {
+    isDecimalInput,
+    isMoneyInput,
+    isTimeInput,
+    string
+  } = _ref3;
+  let isValid = false;
+
+  // Allows numbers, one (comma/point) and any number of decimal places
+  if (isDecimalInput && _number.DECIMAL_TEST.test(string)) {
+    isValid = true;
+  }
+
+  // Allows numbers but excludes numbers with leading 0
+  if (isMoneyInput && _number.MONEY_TEST.test(string)) {
+    isValid = true;
+  }
+  if (isTimeInput && _number.TIME_TEST) {
+    isValid = true;
+  }
+
+  // Allows numbers but excludes numbers with leading 0
+  if (!isDecimalInput && !isMoneyInput && !isTimeInput && _number.INTEGER_TEST.test(string)) {
+    isValid = true;
+  }
+  if (string.length === 0) {
+    isValid = true;
+  }
+  return isValid;
+};
+exports.isValidString = isValidString;
+//# sourceMappingURL=number.js.map

package/lib/components/number-input/utils/number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"number.js","names":["_number","require","parseFloatWithDecimals","_ref","stringValue","decimals","parsed","parseFloat","toFixed","exports","formateNumber","_ref2","number","isMoneyInput","isTimeInput","hours","minutes","firstTwoNumbers","Number","String","substring","lastTwoNumbers","hoursStr","minutesStr","toLocaleString","useGrouping","minimumFractionDigits","undefined","maximumFractionDigits","maximumSignificantDigits","isValidString","_ref3","isDecimalInput","string","isValid","DECIMAL_TEST","test","MONEY_TEST","TIME_TEST","INTEGER_TEST","length"],"sources":["../../../../src/components/number-input/utils/number.ts"],"sourcesContent":["import { DECIMAL_TEST, INTEGER_TEST, MONEY_TEST, TIME_TEST } from '../constants/number';\n\ninterface ParseFloatWithDecimals {\n    ({ stringValue, decimals }: { stringValue: string; decimals?: number }): number;\n}\n\nexport const parseFloatWithDecimals: ParseFloatWithDecimals = ({ stringValue, decimals }) => {\n    const parsed = parseFloat(stringValue);\n\n    if (decimals) {\n        return parseFloat(parsed.toFixed(decimals));\n    }\n\n    return parsed;\n};\n\ninterface FormateNumberOptions {\n    number: number | null;\n    isMoneyInput?: boolean;\n    isTimeInput?: boolean;\n}\n\nexport const formateNumber = ({ number, isMoneyInput, isTimeInput }: FormateNumberOptions) => {\n    if (typeof number !== 'number') {\n        return '';\n    }\n\n    if (isTimeInput) {\n        let hours = 0;\n        let minutes = 0;\n\n        const firstTwoNumbers = Number(String(number).substring(0, 2));\n        const lastTwoNumbers = Number(String(number).substring(2, 4));\n\n        hours = firstTwoNumbers > 23 ? 23 : firstTwoNumbers;\n        if (lastTwoNumbers < 7) {\n            minutes = lastTwoNumbers * 10;\n        } else {\n            minutes = lastTwoNumbers > 59 ? 59 : lastTwoNumbers;\n        }\n\n        const hoursStr = hours < 10 ? `0${hours}` : `${hours}`;\n        const minutesStr = minutes < 10 ? `0${minutes}` : `${minutes}`;\n\n        return `${hoursStr}:${minutesStr}`;\n    }\n\n    return number.toLocaleString('de-DE', {\n        useGrouping: true,\n        minimumFractionDigits: isMoneyInput ? 2 : undefined,\n        maximumFractionDigits: isMoneyInput ? 2 : undefined,\n        maximumSignificantDigits: !isMoneyInput ? 20 : undefined,\n    });\n};\n\ninterface IsValidString {\n    (config: {\n        string: string;\n        isDecimalInput?: boolean;\n        isMoneyInput?: boolean;\n        isTimeInput?: boolean;\n    }): boolean;\n}\n\nexport const isValidString: IsValidString = ({\n    isDecimalInput,\n    isMoneyInput,\n    isTimeInput,\n    string,\n}) => {\n    let isValid = false;\n\n    // Allows numbers, one (comma/point) and any number of decimal places\n    if (isDecimalInput && DECIMAL_TEST.test(string)) {\n        isValid = true;\n    }\n\n    // Allows numbers but excludes numbers with leading 0\n    if (isMoneyInput && MONEY_TEST.test(string)) {\n        isValid = true;\n    }\n\n    if (isTimeInput && TIME_TEST) {\n        isValid = true;\n    }\n\n    // Allows numbers but excludes numbers with leading 0\n    if (!isDecimalInput && !isMoneyInput && !isTimeInput && INTEGER_TEST.test(string)) {\n        isValid = true;\n    }\n\n    if (string.length === 0) {\n        isValid = true;\n    }\n\n    return isValid;\n};\n"],"mappings":"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"}

package/lib/components/opening-times/OpeningTimes.d.ts

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+import type { OpeningTime, Weekday } from '../../types/openingTimes';
+export type OpeningTimesProps = {
+    /**
+     * Function to be executed when a time is changed.
+     * @param openingTimes
+     */
+    onChange?: (openingTimes: OpeningTime[]) => void;
+    /**
+     * The opening times corresponding to its weekday.
+     */
+    openingTimes: OpeningTime[];
+    /**
+     * The weekdays that should be displayed.
+     */
+    weekdays: Weekday[];
+};
+declare const OpeningTimes: FC<OpeningTimesProps>;
+export default OpeningTimes;

package/lib/components/opening-times/OpeningTimes.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _OpeningTimes = require("./OpeningTimes.styles");
+var _Checkbox = _interopRequireDefault(require("../checkbox/Checkbox"));
+var _OpeningInputs = _interopRequireDefault(require("./opening-inputs/OpeningInputs"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const OpeningTimes = _ref => {
+  let {
+    openingTimes,
+    weekdays,
+    onChange
+  } = _ref;
+  const [newOpeningTimes, setNewOpeningTimes] = (0, _react.useState)();
+  (0, _react.useEffect)(() => {
+    setNewOpeningTimes(openingTimes);
+  }, [openingTimes]);
+  (0, _react.useEffect)(() => {
+    if (newOpeningTimes && typeof onChange === 'function') {
+      onChange(newOpeningTimes);
+    }
+  }, [newOpeningTimes, onChange]);
+  const handleCheckBoxChange = id => {
+    setNewOpeningTimes(prevOpeningTimes => (prevOpeningTimes ?? []).map(openingTime => {
+      if (openingTime.id === id) {
+        return {
+          ...openingTime,
+          isDisabled: !openingTime.isDisabled
+        };
+      }
+      return openingTime;
+    }));
+  };
+  const content = (0, _react.useMemo)(() => {
+    const items = [];
+    if (!newOpeningTimes) {
+      return items;
+    }
+    newOpeningTimes.forEach(_ref2 => {
+      let {
+        times,
+        id,
+        weekdayId,
+        isDisabled
+      } = _ref2;
+      const weekday = weekdays.find(weekDay => weekDay.id === weekdayId)?.name;
+      if (!weekday) {
+        return;
+      }
+      items.push( /*#__PURE__*/_react.default.createElement(_OpeningTimes.StyledOpeningTimesWrapper, {
+        key: `openingTimes__${id}`
+      }, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
+        isChecked: !isDisabled,
+        onChange: () => handleCheckBoxChange(id)
+      }, weekday), /*#__PURE__*/_react.default.createElement(_OpeningInputs.default, {
+        times: times,
+        isDisabled: isDisabled,
+        onChange: () => {}
+      })));
+    });
+    return items;
+  }, [newOpeningTimes, weekdays]);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_OpeningTimes.StyledOpeningTimes, null, content), [content]);
+};
+OpeningTimes.displayName = 'OpeningTimes';
+var _default = exports.default = OpeningTimes;
+//# sourceMappingURL=OpeningTimes.js.map

package/lib/components/opening-times/OpeningTimes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpeningTimes.js","names":["_react","_interopRequireWildcard","require","_OpeningTimes","_Checkbox","_interopRequireDefault","_OpeningInputs","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","OpeningTimes","_ref","openingTimes","weekdays","onChange","newOpeningTimes","setNewOpeningTimes","useState","useEffect","handleCheckBoxChange","id","prevOpeningTimes","map","openingTime","isDisabled","content","useMemo","items","forEach","_ref2","times","weekdayId","weekday","find","weekDay","name","push","createElement","StyledOpeningTimesWrapper","key","isChecked","StyledOpeningTimes","displayName","_default","exports"],"sources":["../../../src/components/opening-times/OpeningTimes.tsx"],"sourcesContent":["import React, { FC, type ReactElement, useEffect, useMemo, useState } from 'react';\nimport { StyledOpeningTimes, StyledOpeningTimesWrapper } from './OpeningTimes.styles';\nimport type { OpeningTime, Weekday } from '../../types/openingTimes';\nimport Checkbox from '../checkbox/Checkbox';\nimport OpeningInputs from './opening-inputs/OpeningInputs';\n\nexport type OpeningTimesProps = {\n    /**\n     * Function to be executed when a time is changed.\n     * @param openingTimes\n     */\n    onChange?: (openingTimes: OpeningTime[]) => void;\n    /**\n     * The opening times corresponding to its weekday.\n     */\n    openingTimes: OpeningTime[];\n    /**\n     * The weekdays that should be displayed.\n     */\n    weekdays: Weekday[];\n};\n\nconst OpeningTimes: FC<OpeningTimesProps> = ({ openingTimes, weekdays, onChange }) => {\n    const [newOpeningTimes, setNewOpeningTimes] = useState<OpeningTime[]>();\n\n    useEffect(() => {\n        setNewOpeningTimes(openingTimes);\n    }, [openingTimes]);\n\n    useEffect(() => {\n        if (newOpeningTimes && typeof onChange === 'function') {\n            onChange(newOpeningTimes);\n        }\n    }, [newOpeningTimes, onChange]);\n\n    const handleCheckBoxChange = (id: string) => {\n        setNewOpeningTimes((prevOpeningTimes) =>\n            (prevOpeningTimes ?? []).map((openingTime) => {\n                if (openingTime.id === id) {\n                    return { ...openingTime, isDisabled: !openingTime.isDisabled };\n                }\n                return openingTime;\n            }),\n        );\n    };\n\n    const content = useMemo(() => {\n        const items: ReactElement[] = [];\n\n        if (!newOpeningTimes) {\n            return items;\n        }\n\n        newOpeningTimes.forEach(({ times, id, weekdayId, isDisabled }) => {\n            const weekday = weekdays.find((weekDay) => weekDay.id === weekdayId)?.name;\n\n            if (!weekday) {\n                return;\n            }\n\n            items.push(\n                <StyledOpeningTimesWrapper key={`openingTimes__${id}`}>\n                    <Checkbox isChecked={!isDisabled} onChange={() => handleCheckBoxChange(id)}>\n                        {weekday}\n                    </Checkbox>\n                    <OpeningInputs times={times} isDisabled={isDisabled} onChange={() => {}} />\n                </StyledOpeningTimesWrapper>,\n            );\n        });\n\n        return items;\n    }, [newOpeningTimes, weekdays]);\n\n    return useMemo(() => <StyledOpeningTimes>{content}</StyledOpeningTimes>, [content]);\n};\n\nOpeningTimes.displayName = 'OpeningTimes';\n\nexport default OpeningTimes;\n"],"mappings":"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"}

package/lib/components/opening-times/OpeningTimes.styles.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';
+type StyledSliderButtonProps = WithTheme<{
+    isDisabled?: boolean;
+}>;
+export declare const StyledOpeningTimes: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledSliderButtonProps>>;
+export declare const StyledOpeningTimesWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export {};

package/lib/components/opening-times/OpeningTimes.styles.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledOpeningTimesWrapper = exports.StyledOpeningTimes = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledOpeningTimes = exports.StyledOpeningTimes = _styledComponents.default.div`
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+`;
+const StyledOpeningTimesWrapper = exports.StyledOpeningTimesWrapper = _styledComponents.default.div`
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+`;
+//# sourceMappingURL=OpeningTimes.styles.js.map

package/lib/components/opening-times/OpeningTimes.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpeningTimes.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledOpeningTimes","exports","styled","div","StyledOpeningTimesWrapper"],"sources":["../../../src/components/opening-times/OpeningTimes.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledSliderButtonProps = WithTheme<{ isDisabled?: boolean }>;\n\nexport const StyledOpeningTimes = styled.div<StyledSliderButtonProps>`\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n`;\n\nexport const StyledOpeningTimesWrapper = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAKhC,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAA6B;AACtE;AACA;AACA;AACA,CAAC;AAEM,MAAMC,yBAAyB,GAAAH,OAAA,CAAAG,yBAAA,GAAGF,yBAAM,CAACC,GAAI;AACpD;AACA;AACA;AACA,CAAC"}

package/lib/components/opening-times/opening-inputs/OpeningInputs.d.ts

@@ -0,0 +1,9 @@
+import { FC } from 'react';
+import { type Time } from '../../../types/openingTimes';
+export type OpeningInputsProps = {
+    times: Time[];
+    isDisabled?: boolean;
+    onChange: (times: Time[]) => void;
+};
+declare const OpeningInputs: FC<OpeningInputsProps>;
+export default OpeningInputs;

package/lib/components/opening-times/opening-inputs/OpeningInputs.js

@@ -0,0 +1,81 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _openingTimes = require("../../../types/openingTimes");
+var _OpeningInputs = require("./OpeningInputs.styles");
+var _OpeningInput = _interopRequireDefault(require("./opening-input/OpeningInput"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && Object.prototype.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const OpeningInputs = _ref => {
+  let {
+    times,
+    isDisabled,
+    onChange
+  } = _ref;
+  const [newTimes, setNewTimes] = (0, _react.useState)();
+  (0, _react.useEffect)(() => {
+    setNewTimes(times);
+  }, [times]);
+  (0, _react.useEffect)(() => {}, []);
+  const handleAdd = () => {
+    const defaultTime = {
+      start: '00:00',
+      end: '00:00'
+    };
+    setNewTimes(prevState =>
+    // onChange();
+
+    prevState ? [...prevState, defaultTime] : [defaultTime]);
+  };
+  const handleRemove = indexToRemove => {
+    setNewTimes(prevState => (prevState ?? []).filter((_, index) => index !== indexToRemove));
+  };
+  const handleChange = (newTime, indexToUpdate) => {
+    setNewTimes(prevState => (prevState ?? []).map((time, index) => {
+      if (index === indexToUpdate) {
+        return newTime;
+      }
+      return time;
+    }));
+  };
+  const content = (0, _react.useMemo)(() => {
+    const items = [];
+    if (!newTimes) {
+      return items;
+    }
+    newTimes.forEach((_ref2, index) => {
+      let {
+        end,
+        start
+      } = _ref2;
+      if (index > 1) {
+        return;
+      }
+      let buttonType = _openingTimes.OpeningTimesButtonType.NONE;
+      if (index === 0 && times.length === 1) {
+        buttonType = _openingTimes.OpeningTimesButtonType.ADD;
+      } else if (index === 1) {
+        buttonType = _openingTimes.OpeningTimesButtonType.REMOVE;
+      }
+      items.push( /*#__PURE__*/_react.default.createElement(_OpeningInput.default, {
+        start: start,
+        end: end,
+        isDisabled: isDisabled,
+        buttonType: buttonType,
+        onAdd: handleAdd,
+        onChange: time => handleChange(time, index),
+        onRemove: () => handleRemove(index)
+      }));
+    });
+    return items;
+  }, [isDisabled, newTimes, times.length]);
+  return (0, _react.useMemo)(() => /*#__PURE__*/_react.default.createElement(_OpeningInputs.StyledOpeningInputs, null, content), [content]);
+};
+OpeningInputs.displayName = 'OpeningInputs';
+var _default = exports.default = OpeningInputs;
+//# sourceMappingURL=OpeningInputs.js.map

package/lib/components/opening-times/opening-inputs/OpeningInputs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpeningInputs.js","names":["_react","_interopRequireWildcard","require","_openingTimes","_OpeningInputs","_OpeningInput","_interopRequireDefault","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","OpeningInputs","_ref","times","isDisabled","onChange","newTimes","setNewTimes","useState","useEffect","handleAdd","defaultTime","start","end","prevState","handleRemove","indexToRemove","filter","_","index","handleChange","newTime","indexToUpdate","map","time","content","useMemo","items","forEach","_ref2","buttonType","OpeningTimesButtonType","NONE","length","ADD","REMOVE","push","createElement","onAdd","onRemove","StyledOpeningInputs","displayName","_default","exports"],"sources":["../../../../src/components/opening-times/opening-inputs/OpeningInputs.tsx"],"sourcesContent":["import React, { FC, type ReactElement, useEffect, useMemo, useState } from 'react';\nimport { OpeningTimesButtonType, type Time } from '../../../types/openingTimes';\nimport { StyledOpeningInputs } from './OpeningInputs.styles';\nimport OpeningInput from './opening-input/OpeningInput';\n\nexport type OpeningInputsProps = {\n    times: Time[];\n    isDisabled?: boolean;\n    onChange: (times: Time[]) => void;\n};\n\nconst OpeningInputs: FC<OpeningInputsProps> = ({ times, isDisabled, onChange }) => {\n    const [newTimes, setNewTimes] = useState<Time[]>();\n\n    useEffect(() => {\n        setNewTimes(times);\n    }, [times]);\n\n    useEffect(() => {}, []);\n\n    const handleAdd = () => {\n        const defaultTime: Time = { start: '00:00', end: '00:00' };\n\n        setNewTimes((prevState) =>\n            // onChange();\n\n            prevState ? [...prevState, defaultTime] : [defaultTime],\n        );\n    };\n\n    const handleRemove = (indexToRemove: number) => {\n        setNewTimes((prevState) => (prevState ?? []).filter((_, index) => index !== indexToRemove));\n    };\n\n    const handleChange = (newTime: Time, indexToUpdate: number) => {\n        setNewTimes((prevState) =>\n            (prevState ?? []).map((time, index) => {\n                if (index === indexToUpdate) {\n                    return newTime;\n                }\n                return time;\n            }),\n        );\n    };\n\n    const content = useMemo(() => {\n        const items: ReactElement[] = [];\n\n        if (!newTimes) {\n            return items;\n        }\n\n        newTimes.forEach(({ end, start }, index) => {\n            if (index > 1) {\n                return;\n            }\n\n            let buttonType = OpeningTimesButtonType.NONE;\n\n            if (index === 0 && times.length === 1) {\n                buttonType = OpeningTimesButtonType.ADD;\n            } else if (index === 1) {\n                buttonType = OpeningTimesButtonType.REMOVE;\n            }\n\n            items.push(\n                <OpeningInput\n                    start={start}\n                    end={end}\n                    isDisabled={isDisabled}\n                    buttonType={buttonType}\n                    onAdd={handleAdd}\n                    onChange={(time) => handleChange(time, index)}\n                    onRemove={() => handleRemove(index)}\n                />,\n            );\n        });\n\n        return items;\n    }, [isDisabled, newTimes, times.length]);\n\n    return useMemo(() => <StyledOpeningInputs>{content}</StyledOpeningInputs>, [content]);\n};\n\nOpeningInputs.displayName = 'OpeningInputs';\n\nexport default OpeningInputs;\n"],"mappings":"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"}

package/lib/components/opening-times/opening-inputs/OpeningInputs.styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledOpeningInputs: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;

package/lib/components/opening-times/opening-inputs/OpeningInputs.styles.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledOpeningInputs = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const StyledOpeningInputs = exports.StyledOpeningInputs = _styledComponents.default.div`
+    display: flex;
+    flex-direction: column;
+`;
+//# sourceMappingURL=OpeningInputs.styles.js.map

package/lib/components/opening-times/opening-inputs/OpeningInputs.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OpeningInputs.styles.js","names":["_styledComponents","_interopRequireDefault","require","obj","__esModule","default","StyledOpeningInputs","exports","styled","div"],"sources":["../../../../src/components/opening-times/opening-inputs/OpeningInputs.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledOpeningInputs = styled.div`\n    display: flex;\n    flex-direction: column;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAEhC,MAAMG,mBAAmB,GAAAC,OAAA,CAAAD,mBAAA,GAAGE,yBAAM,CAACC,GAAI;AAC9C;AACA;AACA,CAAC"}

package/lib/components/opening-times/opening-inputs/opening-input/OpeningInput.d.ts

@@ -0,0 +1,13 @@
+import { FC } from 'react';
+import { OpeningTimesButtonType, type Time } from '../../../../types/openingTimes';
+export type OpeningInputProps = {
+    start: Time['start'];
+    end: Time['end'];
+    isDisabled?: boolean;
+    buttonType: OpeningTimesButtonType;
+    onAdd: () => void;
+    onRemove: () => void;
+    onChange: (time: Time) => void;
+};
+declare const OpeningInput: FC<OpeningInputProps>;
+export default OpeningInput;